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

const StyleFields = ({
  variantLabel = 'Link variant',
  variantName = 'linkVariant',
  variantDefault = { variant_name: 'primaryLink' },
}: StyleFieldsProps) => {
  return (
    <VariantSelectionField
      label={variantLabel}
      name={variantName}
      variantDefinitionName="link"
      default={variantDefault}
    />
  );
};

export default StyleFields;
