{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Badge/index.tsx", "../javascripts/styled-components/components/Badge/wrapper.tsx"],
  "sourcesContent": ["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { IconInfo } from '../Icon';\nimport { Action, Label, Wrapper } from './wrapper';\n\nexport interface IAlert {\n  children: React.ReactNode;\n  onInfo?: () => void;\n}\n\nconst Badge = ({ children, onInfo }: IAlert) => {\n  const { t } = useTranslation(['other']);\n\n  return (\n    <Wrapper>\n      <Label>{children}</Label>\n      {onInfo && (\n        <Action onClick={onInfo} title={t('moreInformation', { ns: 'common' })}>\n          <IconInfo />\n        </Action>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default Badge;\n", "import styled from 'styled-components';\n\nimport { size } from '../../layout/helpers';\nimport { ButtonReset } from '../../layout/reset';\n\nexport const Wrapper = styled.div.withConfig({ componentId: 'sc-1xgqui4-0' })`\n    display: flex;\n    align-items: center;\n    padding: ${size(0.25)} ${size(1)};\n    background-color: var(--c-bg-alt);\n    border-radius: ${(props) => props.theme.size.borderRadius};\n    font-size: ${(props) => props.theme.font.size.xsmall};\n    font-weight: var(--font-weight-bold);\n    color: var(--c-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n`;\n\nexport const Label = styled.div.withConfig({ componentId: 'sc-1xgqui4-1' })``;\n\nexport const Action = styled(ButtonReset).withConfig({ componentId: 'sc-1xgqui4-2' })`\n    flex-shrink: 0;\n    margin-left: ${size(0.25)};\n    color: var(--c-link);\n    font-size: 1.2em;\n    isolation: isolate;\n\n    &::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background-color: var(--c-bg-alt);\n        opacity: 0;\n        border-radius: 50%;\n        z-index: -1;\n        transition: opacity 200ms ease;\n    }\n\n    &::after {\n        content: \"\";\n        position: absolute;\n        inset: ${size(-0.5)} ${size(-1)};\n    }\n\n    &:hover {\n        &::before {\n            opacity: 1;\n        }\n    }\n`;\n"],
  "mappings": "0OAAA,IAAAA,EAAkB,SCKX,IAAMC,EAAUC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA,eAG7DC,EAAK,GAAI,CAAC,IAAIA,EAAK,CAAC,CAAC;AAAA;AAAA,qBAEdC,GAAUA,EAAM,MAAM,KAAK,YAAY;AAAA,iBAC3CA,GAAUA,EAAM,MAAM,KAAK,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAO3CC,EAAQH,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC,IAE7DI,EAASJ,EAAOK,CAAW,EAAE,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA,mBAEjEJ,EAAK,GAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAmBZA,EAAK,GAAI,CAAC,IAAIA,EAAK,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ED9BvC,IAAMK,EAAQ,CAAC,CAAE,SAAAC,EAAU,OAAAC,CAAO,IAAc,CAC9C,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,CAAC,OAAO,CAAC,EAEtC,OACE,EAAAC,QAAA,cAACC,EAAA,KACC,EAAAD,QAAA,cAACE,EAAA,KAAON,CAAS,EAChBC,GACC,EAAAG,QAAA,cAACG,EAAA,CAAO,QAASN,EAAQ,MAAOC,EAAE,kBAAmB,CAAE,GAAI,QAAS,CAAC,GACnE,EAAAE,QAAA,cAACI,EAAA,IAAS,CACZ,CAEJ,CAEJ,EAEOC,EAAQV",
  "names": ["import_react", "Wrapper", "dt", "size", "props", "Label", "Action", "ButtonReset", "Badge", "children", "onInfo", "t", "useTranslation", "React", "Wrapper", "Label", "Action", "IconInfo", "Badge_default"]
}