add page header component

2023-12-16 23:15:56 +08:00
parent 04ede17bfd
commit d976761280
2 changed files with 25 additions and 8 deletions
@@ -0,0 +1,23 @@
+import React from "react";
+
+export default function PageHeader({
+  title,
+  description,
+  icon,
+}: {
+  title: string;
+  description: string;
+  icon: string;
+}) {
+  return (
+    <div className="flex items-center gap-3">
+      <i
+        className={`${icon} text-primary text-3xl sm:text-4xl drop-shadow`}
+      ></i>
+      <div>
+        <p className="text-3xl capitalize font-thin">{title}</p>
+        <p>{description}</p>
+      </div>
+    </div>
+  );
+}