import type { PageHeaderSectionProps } from '../types';

import { Form } from '~/src/ui/components/form';

interface PageHeaderSectionSettingsProps {
  data: PageHeaderSectionProps;
  onChange(data: Record<string, unknown>): void;
}

export const PageHeaderSectionSettings = ({
  data: { title, subtitle },
  onChange,
}: PageHeaderSectionSettingsProps) => {
  return (
    <Form
      size="small"
      onChange={onChange}
      mode="onBlur"
      config={{
        fields: [
          { name: 'title', type: 'text', label: 'Title', defaultValue: title },
          {
            name: 'subtitle',
            type: 'textarea',
            label: 'Subtitle',
            rows: 2,
            defaultValue: subtitle,
          },
        ],
      }}
    />
  );
};