eldav1d-marvel-ui/dist/cjs/molecules/CheckboxGroup/CheckboxGroup.cjs.map

UI library for (and from) Playing with Marvel API

{"version":3,"file":"CheckboxGroup.cjs","sources":["../../../../lib/molecules/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["/**\n * Single checkbox with label.\n * @interface\n */\nexport interface ICheckboxGroupProps {\n  /**\n   * @property {() => void}\n   * Function to handle checkbox change event.\n   */\n  onChange: () => void;\n  /**\n   * @property {string}\n   * Option corresponding to the checkbox.\n   */\n  option: string;\n  /**\n   * @property {string}\n   * Literal corresponding to the label.\n   */\n  literal: string;\n  /**\n   * @property {boolean}\n   * Flag to determine if the checkbox is checked.\n   */\n  isChecked: boolean;\n}\n\nconst CheckboxGroup = ({ onChange, option, literal, isChecked }: ICheckboxGroupProps) => {\n  return (\n    <>\n      <input\n        className='input mr-2 h-4 w-4 checked:bg-red'\n        aria-label={option}\n        type='checkbox'\n        id={option}\n        name={option}\n        value={option}\n        onChange={onChange}\n        checked={isChecked}\n      />\n      <label htmlFor={option}>{literal}</label>\n    </>\n  );\n};\n\nexport default CheckboxGroup;\n"],"names":["CheckboxGroup","onChange","option","literal","isChecked","_jsxs","_Fragment","_jsx"],"mappings":"iJA2BMA,EAAgB,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,KAEhDC,EAAAA,KACEC,EAAAA,SAAA,CAAA,SAAA,CAAAC,EAAAA,IAAA,QAAA,CACE,UAAU,iDACEL,EACZ,KAAK,WACL,GAAIA,EACJ,KAAMA,EACN,MAAOA,EACP,SAAAD,EACA,QAASG,CAAS,CAAA,EAEpBG,EAAO,IAAA,QAAA,CAAA,QAASL,EAAM,SAAGC,CAAgB,CAAA,CAAA,EAAA"}