From 0ab7478690264f803ac238f98bc612c466464c05 Mon Sep 17 00:00:00 2001
From: oscar <oscarzhou0727@icloud.com>
Date: Sat, 18 Mar 2023 12:01:39 +1300
Subject: [PATCH] add card component

---
 src/components/UI/Card.js         | 7 +++++++
 src/components/UI/Card.module.css | 6 ++++++
 2 files changed, 13 insertions(+)
 create mode 100644 src/components/UI/Card.js
 create mode 100644 src/components/UI/Card.module.css

diff --git a/src/components/UI/Card.js b/src/components/UI/Card.js
new file mode 100644
index 0000000..4060a66
--- /dev/null
+++ b/src/components/UI/Card.js
@@ -0,0 +1,7 @@
+import classes from "./Card.module.css";
+
+const Card = (props) => {
+  return <div className={classes.card}>{props.children}</div>;
+};
+
+export default Card;
diff --git a/src/components/UI/Card.module.css b/src/components/UI/Card.module.css
new file mode 100644
index 0000000..8f3ceb8
--- /dev/null
+++ b/src/components/UI/Card.module.css
@@ -0,0 +1,6 @@
+.card {
+  padding: 1rem;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
+  border-radius: 14px;
+  background-color: white;
+}
\ No newline at end of file