{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/InputGroup/index.tsx", "../javascripts/styled-components/components/InputGroup/wrapper.tsx"],
  "sourcesContent": ["import React from 'react';\n\nimport { Label, Wrapper } from './wrapper';\n\ntype InputGroupProps = React.DetailedHTMLProps<\n  React.HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n> & {\n  children: React.ReactNode;\n  label?: string;\n};\n\nconst InputGroup = ({ children, label }: InputGroupProps) => (\n  <Wrapper>\n    {label && <Label>{label}</Label>}\n    {children}\n  </Wrapper>\n);\n\nexport default InputGroup;\n", "import styled from 'styled-components';\n\nimport { size } from '../../layout/helpers';\nimport { labelStyle } from '../InputLabel/wrapper';\n\nexport const Wrapper = styled.fieldset.withConfig({ componentId: 'sc-wol8nc-0' })`\n    padding: 0;\n    margin: 0;\n    border: none;\n    display: flex;\n    flex-direction: column;\n    gap: ${size(1)};\n`;\n\nexport const Label = styled.legend.withConfig({ componentId: 'sc-wol8nc-1' })`\n    ${labelStyle};\n    padding: 0;\n    margin-bottom: ${size(0.5)};\n`;\n"],
  "mappings": "2JAAA,IAAAA,EAAkB,SCKX,IAAMC,EAAUC,EAAO,SAAS,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMrEC,EAAK,CAAC,CAAC;AAAA,EAGLC,EAAQF,EAAO,OAAO,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA,MACtEG,CAAU;AAAA;AAAA,qBAEKF,EAAK,EAAG,CAAC;EDL9B,IAAMG,EAAa,CAAC,CAAE,SAAAC,EAAU,MAAAC,CAAM,IACpC,EAAAC,QAAA,cAACC,EAAA,KACEF,GAAS,EAAAC,QAAA,cAACE,EAAA,KAAOH,CAAM,EACvBD,CACH,EAGKK,EAAQN",
  "names": ["import_react", "Wrapper", "dt", "size", "Label", "labelStyle", "InputGroup", "children", "label", "React", "Wrapper", "Label", "InputGroup_default"]
}