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

const StyleFields = ({
  buttonVariantLabel = 'Button style',
  buttonVariantName = 'buttonVariant',
  buttonVariantDefault = { variant_name: 'primaryButton' },
}: StyleFieldsProps) => {
  return (
    <VariantSelectionField
      label={buttonVariantLabel}
      name={buttonVariantName}
      variantDefinitionName="button"
      default={buttonVariantDefault}
      required={true}
    />
  );
};

export default StyleFields;
