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

const StyleFields = ({
  iconLabel = 'Icon',
  iconName = 'icon',
  iconDefault = 'chevron',
}: StyleFieldsProps) => {
  return (
    <ChoiceField
      label={iconLabel}
      name={iconName}
      display="select"
      choices={[
        ['caret', 'Caret'],
        ['chevron', 'Chevron'],
        ['plus', 'Plus'],
      ]}
      preset="expand_icon"
      required={false}
      default={iconDefault}
    />
  );
};

export default StyleFields;
