{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/InputError/index.tsx", "../javascripts/styled-components/components/InputError/wrapper.tsx"],
  "sourcesContent": ["import React from 'react';\n\nimport { IconWarning } from '../Icon';\nimport { Icon, Text, Wrapper } from './wrapper';\n\ninterface Props {\n  children: React.ReactNode;\n}\n\nconst InputError = ({ children }: Props) => (\n  <Wrapper>\n    <Icon>\n      <IconWarning />\n    </Icon>\n    <Text>{children}</Text>\n  </Wrapper>\n);\n\nexport default InputError;\n", "import styled from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\nexport const Wrapper = styled.div.withConfig({ componentId: 'sc-1qwx4f5-0' })`\n    display: flex;\n    align-items: center;\n    color: var(--c-input-error-text);\n    font-size: ${(props) => props.theme.font.size.small};\n    line-height: 1.2;\n    margin-top: ${size(0.5)};\n`;\n\nexport const Icon = styled.div.withConfig({ componentId: 'sc-1qwx4f5-1' })`\n    flex-shrink: 0;\n    padding-right: ${size(1)};\n`;\n\nexport const Text = styled.div.withConfig({ componentId: 'sc-1qwx4f5-2' })`\n    flex: 1 1 auto;\n`;\n"],
  "mappings": "2JAAA,IAAAA,EAAkB,SCIX,IAAMC,EAAUC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI1DC,GAAUA,EAAM,MAAM,KAAK,KAAK,KAAK;AAAA;AAAA,kBAErCC,EAAK,EAAG,CAAC;AAAA,EAGdC,EAAOH,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA,qBAEpDE,EAAK,CAAC,CAAC;AAAA,EAGfE,EAAOJ,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;EDTzE,IAAMK,EAAa,CAAC,CAAE,SAAAC,CAAS,IAC7B,EAAAC,QAAA,cAACC,EAAA,KACC,EAAAD,QAAA,cAACE,EAAA,KACC,EAAAF,QAAA,cAACG,EAAA,IAAY,CACf,EACA,EAAAH,QAAA,cAACI,EAAA,KAAML,CAAS,CAClB,EAGKM,EAAQP",
  "names": ["import_react", "Wrapper", "dt", "props", "size", "Icon", "Text", "InputError", "children", "React", "Wrapper", "Icon", "IconWarning", "Text", "InputError_default"]
}