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

const StyleFields = ({
  variantLabel = 'Variant',
  variantName = 'variant',
  variantDefault = 'variant1',
}: StyleFieldsProps) => {
  return (
    <ChoiceField
      label={variantLabel}
      name={variantName}
      helpText="The style variant for the accordion item"
      display="select"
      choices={[
        ['variant1', 'Variant 1'],
        ['variant2', 'Variant 2'],
        ['variant3', 'Variant 3'],
        ['variant4', 'Variant 4'],
      ]}
      required={false}
      default={variantDefault}
    />
  );
};

export default StyleFields;
