{"version":3,"file":"EmptyAssetGrid.mjs","sources":["../../../../admin/src/components/EmptyAssets/EmptyAssetGrid.tsx"],"sourcesContent":["import { Layouts } from '@strapi/admin/strapi-admin';\nimport { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nconst EmptyAssetCard = styled(Box)`\n  background: linear-gradient(\n    180deg,\n    rgba(234, 234, 239, 0) 0%,\n    ${({ theme }) => theme.colors.neutral200} 100%\n  );\n  opacity: 0.33;\n`;\n\nconst PlaceholderSize = {\n  S: 138,\n  M: 234,\n};\n\ninterface EmptyAssetGridProps {\n  count: number;\n  size: 'S' | 'M';\n}\n\nexport const EmptyAssetGrid = ({ count, size }: EmptyAssetGridProps) => {\n  return (\n    <Layouts.Grid size={size}>\n      {Array(count)\n        .fill(null)\n        .map((_, idx) => (\n          <EmptyAssetCard\n            // eslint-disable-next-line react/no-array-index-key\n            key={`empty-asset-card-${idx}`}\n            height={`${PlaceholderSize[size]}px`}\n            hasRadius\n          />\n        ))}\n    </Layouts.Grid>\n  );\n};\n"],"names":["EmptyAssetCard","styled","Box","theme","colors","neutral200","PlaceholderSize","S","M","EmptyAssetGrid","count","size","_jsx","Layouts","Grid","Array","fill","map","_","idx","height","hasRadius"],"mappings":";;;;;AAIA,MAAMA,cAAAA,GAAiBC,MAAAA,CAAOC,GAAAA,CAAI;;;;IAI9B,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;AAG7C,CAAC;AAED,MAAMC,eAAAA,GAAkB;IACtBC,CAAAA,EAAG,GAAA;IACHC,CAAAA,EAAG;AACL,CAAA;MAOaC,cAAAA,GAAiB,CAAC,EAAEC,KAAK,EAAEC,IAAI,EAAuB,GAAA;IACjE,qBACEC,GAAA,CAACC,QAAQC,IAAI,EAAA;QAACH,IAAAA,EAAMA,IAAAA;kBACjBI,KAAAA,CAAML,KAAAA,CAAAA,CACJM,IAAI,CAAC,IAAA,CAAA,CACLC,GAAG,CAAC,CAACC,CAAAA,EAAGC,GAAAA,iBACPP,GAAA,CAACZ,cAAAA,EAAAA;AAGCoB,gBAAAA,MAAAA,EAAQ,GAAGd,eAAe,CAACK,IAAAA,CAAK,CAAC,EAAE,CAAC;gBACpCU,SAAS,EAAA;eAFJ,CAAC,iBAAiB,EAAEF,GAAAA,CAAAA,CAAK,CAAA;;AAO1C;;;;"}