From 58c65630e516126e5d77453a06aede5023195182 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Thu, 15 Sep 2022 23:58:32 +0630
Subject: [PATCH] Add react Card component

---
 src/components/Card.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/components/Card.tsx

diff --git a/src/components/Card.tsx b/src/components/Card.tsx
new file mode 100644
index 0000000..53e20a9
--- /dev/null
+++ b/src/components/Card.tsx
@@ -0,0 +1,24 @@
+import Datetime from "./Datetime";
+import type { Frontmatter } from "@utils/types";
+
+export interface Props {
+  href?: string;
+  post: Frontmatter;
+}
+
+export default function Card({ href, post }: Props) {
+  return (
+    <li className="my-6">
+      <a
+        href={href}
+        className="text-skin-accent font-medium text-lg underline-offset-4 decoration-dashed focus-visible:underline"
+      >
+        <h2 className="font-medium text-lg decoration-dashed hover:underline">
+          {post.title}
+        </h2>
+      </a>
+      <Datetime datetime={post.datetime} />
+      <p>{post.description}</p>
+    </li>
+  );
+}