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

const StyleFields = ({
  cardVariantLabel = 'Card style',
  cardVariantName = 'cardVariant',
  cardVariantDefault = { variant_name: 'card1' },
}: StyleFieldsProps) => {
  return (
    <VariantSelectionField
      label={cardVariantLabel}
      name={cardVariantName}
      variantDefinitionName="card"
      default={cardVariantDefault}
      required={true}
    />
  );
};

export default StyleFields;
