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

const StyleFields = ({
  borderStyleLabel = 'Border style',
  borderStyleName = 'borderStyle',
  borderStyleDefault = 'solid',
}: StyleFieldsProps) => {
  return (
    <>
      <ChoiceField
        label={borderStyleLabel}
        name={borderStyleName}
        required={true}
        choices={[
          ['solid', 'Solid'],
          ['dotted', 'Dotted'],
          ['dashed', 'Dashed'],
          ['double', 'Double'],
        ]}
        default={borderStyleDefault}
      />
    </>
  );
};

export default StyleFields;
