{"_id":"@asurraa/cards","_rev":"3-f53e1cdca463a71b263f2bb8b9e130dd","name":"@asurraa/cards","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@asurraa/cards","version":"1.0.0","description":"Cards Design","author":{"name":"@asurraa"},"license":"MIT","main":"dist/index.js","source":"src/index.tsx","scripts":{"dev":"tsc -w","build":"tsc --build tsconfig.json","deps":"yarn upgrade-interactive --latest","prepublish":"yarn build","prettier":"prettier -c --write \"**/*\""},"gitHead":"3af8f35a2ea515a86b7e4282add56301bda6916b","types":"./dist/index.d.ts","_id":"@asurraa/cards@1.0.0","_nodeVersion":"16.13.0","_npmVersion":"8.1.2","dist":{"integrity":"sha512-R7CZ8Q7cR8PyduUcXA2RFjD3KWyNmxtG6T7NwgaBULLhENQyG4LddJviaZkJALwzQDu+OGKCdDebY1w5ey5Ejg==","shasum":"03ce02a008a1a98b710460b3bd34148cf9a52a1b","tarball":"https://registry.npmjs.org/@asurraa/cards/-/cards-1.0.0.tgz","fileCount":8,"unpackedSize":7457,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCraZ7hhjHfxbp81lpEHH2Sz4iBujlVbX7RTbLKH2Z8mgIgKU8nPIKG5wKBYLJoyENx4opSv/xBRdlVEUP6zT854T4="}]},"_npmUser":{"name":"lyhourchhen","email":"chhenlyhour@gmail.com"},"directories":{},"maintainers":[{"name":"vichea","email":"vicheanorm@gmail.com"},{"name":"themkimhong","email":"themkimhong2@gmail.com"},{"name":"lyhourchhen","email":"chhenlyhour@gmail.com"},{"name":"duongkimseng","email":"duong.kim.seng@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/cards_1.0.0_1636796418372_0.39759025660304315"},"_hasShrinkwrap":false},"1.0.1":{"name":"@asurraa/cards","version":"1.0.1","description":"Cards Design","author":{"name":"@asurraa"},"license":"MIT","main":"dist/index.js","source":"src/index.tsx","scripts":{"dev":"tsc -w","build":"tsc --build tsconfig.json","deps":"yarn upgrade-interactive --latest","prepublish":"yarn build","prettier":"prettier -c --write \"**/*\""},"gitHead":"3af8f35a2ea515a86b7e4282add56301bda6916b","types":"./dist/index.d.ts","_id":"@asurraa/cards@1.0.1","_nodeVersion":"17.2.0","_npmVersion":"8.1.4","dist":{"integrity":"sha512-NYb3LgtPqNIicc9iyiLr/HiF1ud+Lebla4xQ2TdPVUrectXgxj4Kx9S2ocVwVOwmcsIejYOAn3UC65/RmWrcwQ==","shasum":"896a9fe067ea58c9527a0078f0680ed23c232718","tarball":"https://registry.npmjs.org/@asurraa/cards/-/cards-1.0.1.tgz","fileCount":8,"unpackedSize":9261,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsDFiCRA9TVsSAnZWagAAq9IP/iY9VpFP4VYceSCAgJ/E\nIjFNei5sVjBVKx03owSC0vsZ+aKJzIcHPZoHc7m7mTrvAXFtXENE8iylnuTl\nRiwep/ujUUJS43RPWN34kiXsEWZbCsSccUGYkxBcY8RYSHhVP7cvAj5pTFNk\nXDwzD7qCT2R2gdkJfAe1ubdue32juyadLpJRzoefhfVJZN5A81vRL0h6P1ll\n5tWo+ooCwLz3MXB9NlCbDXnPi7A99wPLs27olzLv4XfDCSKv3iY9eVmG9vGq\n9uz2xCaz2c1mC3VseZGdmvFDN2QWy+YvmbHvEXw+dws3032r0emt394qt0il\nk2vfi+Zkvwna+I+16qdDw1Wk0amijgASiiKfPaq0I+v8iGlajOWDSLLP3XKL\nBD8Avh7LnCAc6HwYb0HCBqCAfmUAniPQWX9PoGSF02OE7/6jxfdHgiHlvjwP\nBoeLn9fpi0uL8jq46AM3t42ASzgy0HKG9z2FDzRQsH/85hte0htE4D7my0IO\n9mlA1nzRQM47DFQAdSN6ziBK7FkIbvXbjTqci0kSKSiYdYc1SmVToK5zdwbS\nWQ5yUb2RcsNFaxBVeJRp/qTkKT2XwnEG+WRFTxylUnFuo9Jc/PXJnapxMzL8\nKrLvLzXZicu/lCkcwLHsqmTCRm0GcTgRF8dV9aq+IDAFt9/QPGpXFHuGAXFH\nPfd1\r\n=+rjY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF+axcqkIUztkrr3vj1Z8DyTVLZfd2RKQSz+22UbhxkVAiEAi3Gyb11D02V7I9BHxKxjIO+tJkUMhZCGmLQbfgtqrhI="}]},"_npmUser":{"name":"lyhourchhen","email":"chhenlyhour@gmail.com"},"directories":{},"maintainers":[{"name":"vichea","email":"vicheanorm@gmail.com"},{"name":"themkimhong","email":"themkimhong2@gmail.com"},{"name":"lyhourchhen","email":"chhenlyhour@gmail.com"},{"name":"duongkimseng","email":"duong.kim.seng@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/cards_1.0.1_1638936930797_0.8041626543450773"},"_hasShrinkwrap":false},"1.0.3":{"name":"@asurraa/cards","version":"1.0.3","description":"Cards Design","author":{"name":"@asurraa"},"main":"dist/index.js","source":"src/index.tsx","scripts":{"dev":"tsc -w","build":"tsc --build tsconfig.json","deps":"yarn upgrade-interactive --latest","prepublish":"yarn build","prettier":"prettier -c --write \"**/*\""},"gitHead":"3081bfdef1c2932baabd160fd395ce223a8d5a15","_id":"@asurraa/cards@1.0.3","_nodeVersion":"18.1.0","_npmVersion":"lerna/4.0.0/node@v18.1.0+arm64 (darwin)","dist":{"integrity":"sha512-fxc2qrRZSo9UQ5km6tO1MX1HbXHbU9ehgmVU3p1gpp90y28b13ZV915QrbwcBsfopQIrWcQkh09nXnbe0/suoQ==","shasum":"50907b3217acd57036e826cc2c5684710f53c7e8","tarball":"https://registry.npmjs.org/@asurraa/cards/-/cards-1.0.3.tgz","fileCount":9,"unpackedSize":9308,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICGfknqs3U5cx3ScfuZ5f2hKcToWsHeBd/OcDsA69spZAiACfhcPQv1D8EFgmaUgC5rz6m1vpYB1zncSbcHWZeRY0A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieMZ/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoruRAAhTjmkSpWssDq0K3CK8+GSrb/JEtxErwqTE5A1y+9RieBKqwR\r\nNKCZfUih+TM34ETdmElhDjBs06NMYhOWCJ2dCJHe1eeDOcU7MYg6EzFjRBko\r\nCHw4qDsfs95qACtKGbtgFCa48WUGIfU7lgmrj+OIEOvGBGQ0deHhciXLxxL/\r\nT1QGeb6Xp5wSOQEQ4vgvkvdWyJgvb09vOnK/U2yeB7+IGUjrLRHgPG362xhy\r\nROeI95JhY7pz6bp8Cp/tuH6KC5i+ByjXAaRn4y6DNGV2+hLhk0DBXavaAciP\r\n8fiQzt5s11LgGAG+h34ONAahd6zEUpEO2X/g5Joo3N4FasQYMIjwQrpXdLO0\r\ni3J2ZE7fauc9JfecfGqqlV03pf1Bn8FNR9lfk1w+G+I+JC7+DQae4gZ/YxFi\r\nFlkUtOu8AjsLOB4oxZE4583PSxiWJuvB3NrEw1S8KvX34O464xFR5UG7QIV1\r\nG/K/kGmvbrGLnYQz/IZ/auyAkRj2a0sEMVKKY/g+LCzZFK0RP5pzQ0ggGn4S\r\n+jHOiOgi91blRT/QRjZor7sF7hS/pXAI7+6lmjkOiOtsnTFglPdBo4S3jJ9b\r\nltokjHejFt79BXZfOL5Uq9t5ilj/XTtqO3V16RR73Je6ckpfDWX5DwU2Et7/\r\nxWmjU6FpHAAr9dVpNWQcmj/yIoNEiPd0yaI=\r\n=S8ty\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"lyhourchhen","email":"chhenlyhour@gmail.com"},"directories":{},"maintainers":[{"name":"vichea","email":"vicheanorm@gmail.com"},{"name":"themkimhong","email":"themkimhong2@gmail.com"},{"name":"lyhourchhen","email":"chhenlyhour@gmail.com"},{"name":"duongkimseng","email":"duong.kim.seng@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/cards_1.0.3_1652082303774_0.37434033009718304"},"_hasShrinkwrap":false}},"time":{"created":"2021-11-13T09:40:18.323Z","1.0.0":"2021-11-13T09:40:18.511Z","modified":"2022-05-09T07:45:04.042Z","1.0.1":"2021-12-08T04:15:30.953Z","1.0.3":"2022-05-09T07:45:03.949Z"},"maintainers":[{"name":"vichea","email":"vicheanorm@gmail.com"},{"name":"themkimhong","email":"themkimhong2@gmail.com"},{"name":"lyhourchhen","email":"chhenlyhour@gmail.com"},{"name":"duongkimseng","email":"duong.kim.seng@gmail.com"}],"description":"Cards Design","author":{"name":"@asurraa"},"readme":"## Card Design from asurraa\n\n# @asurraa/cards\n\n> Card functions!\n> Use to wrap components into card\n\n## Installation\n\n```sh\nyarn add @asurraa/cards\n```\n\n** Component Interface **\n\n```tsx\nexport interface DashboardCardProps {\n  picture: string | ReactNode;\n  amount: number | string;\n  name: string;\n  detailProps?: React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n  prefix?: string;\n}\n```\n\n## Example\n\n```tsx\nimport { DashboardCard } from \"@asurraa/cards\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DashboardPage: React.FC = () => {\n  const { t } = useTranslation();\n  const SummeryCard = (\n    <div>\n      <Row gutter={[16, 16]}>\n        <Col span={6}>\n          <DashboardCard\n            name={t(\"Currently view\")}\n            amount={\"data props\"}\n            picture={<div></div>}\n          />\n        </Col>\n        <Col span={6}>\n          <DashboardCard\n            name={t(\"Total Master Agent\")}\n            amount={\"data props\"}\n            picture={<div></div>}\n          />\n        </Col>\n        <Col span={6}>\n          <DashboardCard\n            name={t(\"Total Agent\")}\n            amount={\"data props\"}\n            picture={<div></div>}\n          />\n        </Col>\n        <Col span={6}>\n          <DashboardCard\n            name={t(\"Total Player\")}\n            amount={\"data props\"}\n            picture={<div></div>}\n          />\n        </Col>\n      </Row>\n    </div>\n  );\n\n  return (\n    <Fragment>\n      <div>{SummeryCard}</div>\n      // others jsx components\n    </Fragment>\n  );\n};\n\nexport default DashboardPage;\n```\n","readmeFilename":"README.md"}