// External dependencies.
import React, { ReactElement } from 'react';

// Divi dependencies.
import {
	AnimationGroup,
	BorderGroup,
	BoxShadowGroup,
	FiltersGroup,
	FontBodyGroup,
	SizingGroup,
	SpacingGroup,
	TextGroup,
	TransformGroup,
} from '@divi/module';
import { type Module } from '@divi/types';
import { PaginationAttrs } from './types';

export const SettingsDesign = ({
	defaultSettingsAttrs,
}: Module.Settings.Panel.Props<PaginationAttrs>): ReactElement => (
	<React.Fragment>
		<TextGroup />
		<FontBodyGroup />
		<SizingGroup />
		<SpacingGroup />
		<BorderGroup />
		<BoxShadowGroup />
		<FiltersGroup />
		<TransformGroup />
		<AnimationGroup />
	</React.Fragment>
);
