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

const StyleFields = ({
  variantName = 'variant',
  variantLabel = 'Variant',
  variantDefault = 'primary',
}: StyleFieldsProps) => {
  return (
    <ChoiceField
      label={variantLabel}
      name={variantName}
      default={variantDefault}
      choices={[
        ['primary', 'Primary'],
        ['secondary', 'Secondary'],
        ['tertiary', 'Tertiary'],
      ]}
    />
  );
};

export default StyleFields;
