{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/ProductGrid/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\nimport { size } from '../../layout/helpers';\n\nexport const ProductGrid = styled.div.withConfig({ componentId: 'sc-1sq18lt-0' })`\n    display: grid;\n    grid-template-columns: repeat(var(--_columns, 1), minmax(0, 1fr));\n    gap: ${size(3)} ${size(2)};\n\n    ${(props) => props.theme.breakpoint.Sm} {\n        --_columns: 2;\n    }\n\n    ${(props) => props.theme.breakpoint.Md} {\n        --_columns: 3;\n    }\n`;\n\ninterface ProductGridItemProps {\n  $fullWidth?: boolean;\n}\n\nexport const ProductGridItem = styled.div.withConfig({ componentId: 'sc-1sq18lt-1' })<ProductGridItemProps>`\n    ${({ $fullWidth }) =>\n      $fullWidth &&\n      css`\n            grid-column: 1 / -1;\n        `}\n`;\n"],
  "mappings": "6DAGO,IAAMA,EAAcC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA,WAGrEC,EAAK,CAAC,CAAC,IAAIA,EAAK,CAAC,CAAC;AAAA;AAAA,MAEtBC,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA;AAAA,MAInCA,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA,EAS7BC,EAAkBH,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA,MAC9E,CAAC,CAAE,WAAAI,CAAW,IACdA,GACAC;AAAA;AAAA,SAEG;",
  "names": ["ProductGrid", "dt", "size", "props", "ProductGridItem", "$fullWidth", "lt"]
}