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

const StyleFields = ({
  variantLabel = 'Accordion style',
  variantName = 'accordionVariant',
  variantDefault = { variant_name: 'card1' },
}: StyleFieldsProps) => {
  return (
    <VariantSelectionField
      label={variantLabel}
      name={variantName}
      variantDefinitionName="card"
      default={variantDefault}
      required={true}
    />
  );
};

export default StyleFields;
