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

// Divi dependencies.
import {
	TextGroup,
	FontBodyGroup,
	SizingGroup,
	SpacingGroup,
	BorderGroup,
	BoxShadowGroup,
	FiltersGroup,
	TransformGroup,
	AnimationGroup,
	LinkGroup,
	PositionGroup,
	ScrollGroup,
	DisabledOnGroup,
	AttributesGroup,
} from '@divi/module';
import {
	type Module,
} from '@divi/types';
import { ColorImageAttrs } from './types';

export const SettingsAdvanced = ({
	defaultSettingsAttrs,
}: Module.Settings.Panel.Props<ColorImageAttrs>): ReactElement => (
	<React.Fragment>
		<TextGroup />
		<FontBodyGroup />
		<SizingGroup />
		<SpacingGroup />
		<BorderGroup />
		<BoxShadowGroup />
		<FiltersGroup />
		<TransformGroup />
		<AnimationGroup />
		<LinkGroup />
		<PositionGroup />
		<ScrollGroup />
		<DisabledOnGroup />
		<AttributesGroup />
	</React.Fragment>
);
