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

// WordPress dependencies.
import { __ } from '@wordpress/i18n';

// Divi dependencies.
import {
	AnimationGroup,
	BorderGroup,
	BoxShadowGroup,
	FiltersGroup,
	FontGroup,
	FontBodyGroup,
	SizingGroup,
	SpacingGroup,
	TextGroup,
	TransformGroup,
	FieldContainer,
} from '@divi/module';

import { TextContainer, ColorPickerContainer } from '@divi/field-library';
import { GroupContainer } from '@divi/modal';

import {
	type Module,
} from '@divi/types';
import { DynamicFieldAttrs } from './types';

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