{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Loader/index.tsx", "../javascripts/styled-components/components/Loader/wrapper.tsx"],
  "sourcesContent": ["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { SrOnly } from '../SrOnly';\nimport { Spinner, Wrapper } from './wrapper';\n\nexport interface ILoader {\n  inline?: boolean;\n  inlineBlock?: boolean;\n}\n\nconst Loader = ({ inline, inlineBlock }: ILoader) => {\n  const { t } = useTranslation(['other']);\n\n  return (\n    <Wrapper $inline={inline} $inlineBlock={inlineBlock}>\n      <Spinner aria-hidden=\"true\" />\n      <SrOnly>{t('loading', { ns: 'other' })}</SrOnly>\n    </Wrapper>\n  );\n};\n\nexport default Loader;\n", "import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\nimport { rotate } from '../../layout/keyframes';\n\nexport const Spinner = styled.div.withConfig({ componentId: 'sc-2c1sb8-0' })`\n    position: relative;\n    display: block;\n    margin: 0 auto;\n    width: ${size(4)};\n    height: ${size(4)};\n    border-radius: 50%;\n    border: 2px solid currentColor;\n    border-top-color: transparent;\n    animation: ${rotate} 600ms linear infinite;\n\n    @media (prefers-reduced-motion) {\n        animation-duration: 1500ms;\n    }\n`;\n\ninterface WrapperProps {\n  $inline?: boolean;\n  $inlineBlock?: boolean;\n}\n\nexport const Wrapper = styled.div.attrs(() => ({\n  role: 'status',\n})).withConfig({ componentId: 'sc-2c1sb8-1' })<WrapperProps>`\n    color: currentColor;\n\n    ${({ $inline }) =>\n      $inline &&\n      css`\n            display: inline-block;\n            vertical-align: middle;\n\n            ${Spinner} {\n                width: 1em;\n                height: 1em;\n                border: 2px solid currentColor;\n                border-top-color: transparent;\n            }\n        `}\n\n    ${({ $inlineBlock }) =>\n      $inlineBlock &&\n      css`\n            ${Spinner} {\n                width: 1em;\n                height: 1em;\n                border: 2px solid currentColor;\n                border-top-color: transparent;\n            }\n        `}\n`;\n"],
  "mappings": "2PAAA,IAAAA,EAAkB,SCKX,IAAMC,EAAUC,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA,aAI9DC,EAAK,CAAC,CAAC;AAAA,cACNA,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,iBAIJC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAYVC,EAAUH,EAAO,IAAI,MAAM,KAAO,CAC7C,KAAM,QACR,EAAE,EAAE,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA,MAGvC,CAAC,CAAE,QAAAI,CAAQ,IACXA,GACAC;AAAA;AAAA;AAAA;AAAA,cAIQN,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAMZ;AAAA;AAAA,MAEH,CAAC,CAAE,aAAAO,CAAa,IAChBA,GACAD;AAAA,cACQN,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAMZ;ED3CT,IAAMQ,EAAS,CAAC,CAAE,OAAAC,EAAQ,YAAAC,CAAY,IAAe,CACnD,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,CAAC,OAAO,CAAC,EAEtC,OACE,EAAAC,QAAA,cAACC,EAAA,CAAQ,QAASL,EAAQ,aAAcC,GACtC,EAAAG,QAAA,cAACE,EAAA,CAAQ,cAAY,OAAO,EAC5B,EAAAF,QAAA,cAACG,EAAA,KAAQL,EAAE,UAAW,CAAE,GAAI,OAAQ,CAAC,CAAE,CACzC,CAEJ,EAEOM,EAAQT",
  "names": ["import_react", "Spinner", "dt", "size", "rotate", "Wrapper", "$inline", "lt", "$inlineBlock", "Loader", "inline", "inlineBlock", "t", "useTranslation", "React", "Wrapper", "Spinner", "SrOnly", "Loader_default"]
}