import { VariantSelectionField } from '@hubspot/cms-components/fields';
import { StyleFieldsProps } from './types.js';

const StyleFields = ({
  formVariantLabel = 'Form style',
  formVariantName = 'formVariant',
  formVariantDefault = { variant_name: 'form1' },
}: StyleFieldsProps) => {
  return (
    <VariantSelectionField
      label={formVariantLabel}
      name={formVariantName}
      variantDefinitionName="form"
      default={formVariantDefault}
      required={true}
    />
  );
};

export default StyleFields;
