{"version":3,"file":"radioButton-BGdgt4EI.js","sources":["../../../client/app/bundles/Shared/components/shared/radioButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DISABLED } from '../../utils/constants';\n\nconst LIGHT = 'light'\n\ninterface radioButtonProps {\n  selected: boolean;\n  label?: string;\n  mode?: string;\n  onClick?: () => void;\n  state?: string;\n  value?: any;\n  id?: any;\n  ariaLabel?: string;\n}\n\nexport const RadioButton = ({ label, mode = LIGHT, onClick, state, selected, value, id, ariaLabel, }: radioButtonProps) => {\n  const radioButtonId = id || label\n\n  const elementClass = `${state === DISABLED ? DISABLED : ''} ${mode === LIGHT ? `${mode} focus-on-light` : `${mode} focus-on-dark`}`\n\n  return (\n    <div className=\"quill-radio-button-container\">\n      <button aria-checked={selected} aria-label={ariaLabel} className={`quill-radio-button interactive-wrapper ${selected ? 'selected' : 'unselected'} ${elementClass}`} id={radioButtonId} onClick={onClick} role=\"radio\" type=\"button\" value={value} >\n        <div className=\"button-fill\" />\n      </button>\n      {label && <label className={elementClass} htmlFor={radioButtonId}>{label}</label>}\n    </div>\n  );\n};\n\nexport default RadioButton\n"],"names":["LIGHT","RadioButton","label","mode","onClick","state","selected","value","id","ariaLabel","radioButtonId","elementClass","DISABLED","React.createElement"],"mappings":"wDAGA,MAAMA,EAAQ,QAaDC,EAAc,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAOH,EAAO,QAAAI,EAAS,MAAAC,EAAO,SAAAC,EAAU,MAAAC,EAAO,GAAAC,EAAI,UAAAC,CAAA,IAAmC,CACzH,MAAMC,EAAgBF,GAAMN,EAEtBS,EAAe,GAAGN,IAAUO,EAAWA,EAAW,EAAE,IAAIT,IAASH,EAAQ,GAAGG,CAAI,kBAAoB,GAAGA,CAAI,gBAAgB,GAEjI,uBACG,MAAI,CAAA,UAAU,gCACZU,EAAAA,cAAA,SAAA,CAAO,eAAcP,EAAU,aAAYG,EAAW,UAAW,0CAA0CH,EAAW,WAAa,YAAY,IAAIK,CAAY,GAAI,GAAID,EAAe,QAAAN,EAAkB,KAAK,QAAQ,KAAK,SAAS,MAAAG,GACjOM,gBAAA,MAAA,CAAI,UAAU,aAAc,CAAA,CAC/B,EACCX,mBAAU,QAAM,CAAA,UAAWS,EAAc,QAASD,CAAA,EAAgBR,CAAM,CAC3E,CAEJ"}