{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/InputLabel/index.tsx"],
  "sourcesContent": ["import React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { IconHelpCircle } from '../Icon';\nimport Modal from '../Modal';\nimport { SrOnly } from '../SrOnly';\nimport { Header, HelpBtn, Label, Wrapper } from './wrapper';\n\nexport interface InputLabelProps {\n  children: React.ReactNode;\n  htmlFor?: string;\n  asDiv?: boolean;\n  help?: React.ReactNode;\n}\n\nconst InputLabel = ({ children, htmlFor, asDiv, help }: InputLabelProps) => {\n  const { t } = useTranslation(['other']);\n  const [helpBox, setHelpBox] = useState(false);\n  const onToggleHelpBox = () => setHelpBox(!helpBox);\n\n  return (\n    <>\n      <Wrapper>\n        <Header>\n          {asDiv ? <Label as=\"div\">{children}</Label> : <Label htmlFor={htmlFor}>{children}</Label>}\n          {help && (\n            <HelpBtn onClick={onToggleHelpBox} title={t('showDescription', { ns: 'other' })}>\n              <IconHelpCircle />\n              <SrOnly>{t('showDescription', { ns: 'other' })}</SrOnly>\n            </HelpBtn>\n          )}\n        </Header>\n        {help && helpBox && <Modal onClose={onToggleHelpBox}>{help}</Modal>}\n      </Wrapper>\n    </>\n  );\n};\n\nexport default InputLabel;\n"],
  "mappings": "sTAAA,IAAAA,EAAgC,SAehC,IAAMC,EAAa,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,KAAAC,CAAK,IAAuB,CAC1E,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,CAAC,OAAO,CAAC,EAChC,CAACC,EAASC,CAAU,KAAI,YAAS,EAAK,EACtCC,EAAkB,IAAMD,EAAW,CAACD,CAAO,EAEjD,OACE,EAAAG,QAAA,gBAAAA,QAAA,cACE,EAAAA,QAAA,cAACC,EAAA,KACC,EAAAD,QAAA,cAACE,EAAA,KACET,EAAQ,EAAAO,QAAA,cAACG,EAAA,CAAM,GAAG,OAAOZ,CAAS,EAAW,EAAAS,QAAA,cAACG,EAAA,CAAM,QAASX,GAAUD,CAAS,EAChFG,GACC,EAAAM,QAAA,cAACI,EAAA,CAAQ,QAASL,EAAiB,MAAOJ,EAAE,kBAAmB,CAAE,GAAI,OAAQ,CAAC,GAC5E,EAAAK,QAAA,cAACK,EAAA,IAAe,EAChB,EAAAL,QAAA,cAACM,EAAA,KAAQX,EAAE,kBAAmB,CAAE,GAAI,OAAQ,CAAC,CAAE,CACjD,CAEJ,EACCD,GAAQG,GAAW,EAAAG,QAAA,cAACO,EAAA,CAAM,QAASR,GAAkBL,CAAK,CAC7D,CACF,CAEJ,EAEOc,EAAQlB",
  "names": ["import_react", "InputLabel", "children", "htmlFor", "asDiv", "help", "t", "useTranslation", "helpBox", "setHelpBox", "onToggleHelpBox", "React", "Wrapper", "Header", "Label", "HelpBtn", "IconHelpCircle", "SrOnly", "Modal_default", "InputLabel_default"]
}