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

// !todo: may not need later, but keeping for now in case we have variant system for links
const StyleFields = ({
  linkVariantLabel = 'Link variant',
  linkVariantName = 'linkVariant',
  linkVariantDefault = 'primary',
}: StyleFieldsProps) => {
  return (
    <>
      <ChoiceField
        label={linkVariantLabel}
        name={linkVariantName}
        choices={[
          ['primary', 'Primary'],
          ['secondary', 'Secondary'],
          ['tertiary', 'Tertiary'],
        ]}
        default={linkVariantDefault}
      />
    </>
  );
};

export default StyleFields;
