<reponame>saiemgilani/saiem-blog
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"C:\\\\Users\\\\saiem\\\\Documents\\\\GitHub\\\\saiempage\\\\nextjs-material-ui-blog\\\\src\\\\components\\\\Preview.tsx\";\nimport React from 'react';\nimport { Grid } from '@material-ui/core';\nimport PreviewCard from './PreviewCard';\nimport { paddedItem } from '../../styles/shared';\nexport const Preview = ({\n  posts\n}) => {\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    style: paddedItem,\n    children: /*#__PURE__*/_jsxDEV(Grid, {\n      container: true,\n      spacing: 3,\n      justify: \"flex-start\",\n      children: posts.map(pd => /*#__PURE__*/_jsxDEV(Grid, {\n        item: true,\n        xs: 12,\n        md: 6,\n        lg: 4,\n        xl: 3,\n        children: /*#__PURE__*/_jsxDEV(PreviewCard, {\n          post: pd\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 17,\n          columnNumber: 13\n        }, this)\n      }, pd.id, false, {\n        fileName: _jsxFileName,\n        lineNumber: 16,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 14,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 13,\n    columnNumber: 5\n  }, this);\n};","map":{"version":3,"sources":["C:/Users/saiem/Documents/GitHub/saiempage/nextjs-material-ui-blog/src/components/Preview.tsx"],"names":["React","Grid","PreviewCard","paddedItem","Preview","posts","map","pd","id"],"mappings":";;AAAA,OAAOA,KAAP,MAAwC,OAAxC;AAEA,SAASC,IAAT,QAAqB,mBAArB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,UAAT,QAA2B,qBAA3B;AAMA,OAAO,MAAMC,OAAyB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAA6B;AACpE,sBACE;AAAK,IAAA,KAAK,EAAEF,UAAZ;AAAA,2BACE,QAAC,IAAD;AAAM,MAAA,SAAS,MAAf;AAAgB,MAAA,OAAO,EAAE,CAAzB;AAA4B,MAAA,OAAO,EAAC,YAApC;AAAA,gBACGE,KAAK,CAACC,GAAN,CAAWC,EAAD,iBACT,QAAC,IAAD;AAAkB,QAAA,IAAI,MAAtB;AAAuB,QAAA,EAAE,EAAE,EAA3B;AAA+B,QAAA,EAAE,EAAE,CAAnC;AAAsC,QAAA,EAAE,EAAE,CAA1C;AAA6C,QAAA,EAAE,EAAE,CAAjD;AAAA,+BACE,QAAC,WAAD;AAAa,UAAA,IAAI,EAAEA;AAAnB;AAAA;AAAA;AAAA;AAAA;AADF,SAAWA,EAAE,CAACC,EAAd;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,UADF;AAWD,CAZM","sourcesContent":["import React, { FC, ReactElement } from 'react'\r\nimport { PostData } from '../types/posts'\r\nimport { Grid } from '@material-ui/core'\r\nimport PreviewCard from './PreviewCard'\r\nimport { paddedItem } from '../../styles/shared'\r\n\r\ntype PreviewProps = {\r\n  posts: PostData[]\r\n}\r\n\r\nexport const Preview: FC<PreviewProps> = ({ posts }): ReactElement => {\r\n  return (\r\n    <div style={paddedItem}>\r\n      <Grid container spacing={3} justify=\"flex-start\">\r\n        {posts.map((pd) => (\r\n          <Grid key={pd.id} item xs={12} md={6} lg={4} xl={3}>\r\n            <PreviewCard post={pd} />\r\n          </Grid>\r\n        ))}\r\n      </Grid>\r\n    </div>\r\n  )\r\n}\r\n"]},"metadata":{},"sourceType":"module"}