import React, { ReactElement } from 'react';

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

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