{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Align/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\n\nexport interface IAlign {\n  $align?: 'start' | 'center' | 'end';\n  $alignSm?: 'start' | 'center' | 'end';\n  $alignMd?: 'start' | 'center' | 'end';\n}\n\nexport const Align = styled.div.withConfig({ componentId: 'sc-lv6wyv-0' })<IAlign>`\n    display: flex;\n\n    ${({ $align }) =>\n      $align === 'center'\n        ? css`\n                  justify-content: center;\n              `\n        : $align === 'end'\n          ? css`\n                  justify-content: flex-end;\n              `\n          : $align === 'start'\n            ? css`\n                  justify-content: flex-start;\n              `\n            : undefined}\n\n    ${({ $alignSm }) =>\n      $alignSm === 'center'\n        ? css`\n                  ${(props) => props.theme.breakpoint.Sm} {\n                      justify-content: center;\n                  }\n              `\n        : $alignSm === 'end'\n          ? css`\n                  ${(props) => props.theme.breakpoint.Sm} {\n                      justify-content: flex-end;\n                  }\n              `\n          : $alignSm === 'start'\n            ? css`\n                  ${(props) => props.theme.breakpoint.Sm} {\n                      justify-content: flex-start;\n                  }\n              `\n            : undefined}\n\n  ${({ $alignMd }) =>\n    $alignMd === 'center'\n      ? css`\n                  ${(props) => props.theme.breakpoint.Md} {\n                      justify-content: center;\n                  }\n              `\n      : $alignMd === 'end'\n        ? css`\n                  ${(props) => props.theme.breakpoint.Md} {\n                      justify-content: flex-end;\n                  }\n              `\n        : $alignMd === 'start'\n          ? css`\n                  ${(props) => props.theme.breakpoint.Md} {\n                      justify-content: flex-start;\n                  }\n              `\n          : undefined}\n`;\n"],
  "mappings": "sDAQO,IAAMA,EAAQC,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA,MAGnE,CAAC,CAAE,OAAAC,CAAO,IACVA,IAAW,SACPC;AAAA;AAAA,gBAGAD,IAAW,MACTC;AAAA;AAAA,gBAGAD,IAAW,QACTC;AAAA;AAAA,gBAGA,MAAS;AAAA;AAAA,MAEjB,CAAC,CAAE,SAAAC,CAAS,IACZA,IAAa,SACTD;AAAA,oBACWE,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA,gBAI9CD,IAAa,MACXD;AAAA,oBACSE,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA,gBAI5CD,IAAa,QACXD;AAAA,oBACOE,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA,gBAI1C,MAAS;AAAA;AAAA,IAEnB,CAAC,CAAE,SAAAC,CAAS,IACZA,IAAa,SACTH;AAAA,oBACaE,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA,gBAIhDC,IAAa,MACXH;AAAA,oBACWE,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA,gBAI9CC,IAAa,QACXH;AAAA,oBACSE,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA,gBAI5C,MAAS;",
  "names": ["Align", "dt", "$align", "lt", "$alignSm", "props", "$alignMd"]
}