Initial commit

src/components/Card/Card.js

@@ -0,0 +1,29 @@
+/*!
+
+=========================================================
+* Argon Dashboard Chakra PRO - v1.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
+* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
+
+* Designed and Coded by Simmmple & Creative Tim
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+
+import { Box, useStyleConfig } from "@chakra-ui/react";
+function Card(props) {
+  const { variant, children, ...rest } = props;
+  const styles = useStyleConfig("Card", { variant });
+  return (
+    <Box __css={styles} {...rest}>
+      {children}
+    </Box>
+  );
+}
+
+export default Card;

src/components/Card/CardBody.js

@@ -0,0 +1,29 @@
+/*!
+
+=========================================================
+* Argon Dashboard Chakra PRO - v1.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
+* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
+
+* Designed and Coded by Simmmple & Creative Tim
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+
+import { Box, useStyleConfig } from "@chakra-ui/react";
+function CardBody(props) {
+  const { variant, children, ...rest } = props;
+  const styles = useStyleConfig("CardBody", { variant });
+  return (
+    <Box __css={styles} {...rest}>
+      {children}
+    </Box>
+  );
+}
+
+export default CardBody;

src/components/Card/CardHeader.js

@@ -0,0 +1,29 @@
+/*!
+
+=========================================================
+* Argon Dashboard Chakra PRO - v1.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
+* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
+
+* Designed and Coded by Simmmple & Creative Tim
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+
+import { Box, useStyleConfig } from "@chakra-ui/react";
+function CardHeader(props) {
+  const { variant, children, ...rest } = props;
+  const styles = useStyleConfig("CardHeader", { variant });
+  return (
+    <Box __css={styles} {...rest}>
+      {children}
+    </Box>
+  );
+}
+
+export default CardHeader;