feat: add card component

abelflopes · Nov 2, 2023 · ffdca12 · ffdca12
1 parent 54cdc7f
commit ffdca12
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/packages/components/all/src/card/index.module.scss b/packages/components/all/src/card/index.module.scss
@@ -0,0 +1,8 @@
+@import "@rck/theme";
+
+.root {
+  border-radius: get-spacing(2);
+  padding: get-spacing(4) get-spacing(3);
+  border: solid 0 #e2e8f0;
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
+}
diff --git a/packages/components/all/src/card/index.tsx b/packages/components/all/src/card/index.tsx
@@ -0,0 +1,13 @@
+import classNames from "classnames";
+import styles from "./index.module.scss";
+import React from "react";
+
+export const Card = ({
+  children,
+  className,
+  ...otherProps
+}: Readonly<React.HTMLAttributes<HTMLDivElement>>): React.ReactElement => (
+  <div {...otherProps} className={classNames(styles.root, className)}>
+    {children}
+  </div>
+);