From adc88dbdf3274d4d0cf15b5f2cf7b0bbb939bfe0 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sat, 18 Nov 2023 21:21:22 -0800
Subject: v3: re-write frontend using next js

---
 src/app/_componenets/TitleBar/TitleBar.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/app/_componenets/TitleBar/TitleBar.tsx

(limited to 'src/app/_componenets/TitleBar/TitleBar.tsx')

diff --git a/src/app/_componenets/TitleBar/TitleBar.tsx b/src/app/_componenets/TitleBar/TitleBar.tsx
new file mode 100644
index 0000000..27bebfc
--- /dev/null
+++ b/src/app/_componenets/TitleBar/TitleBar.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import Image from 'next/image';
+
+interface TitleBarProps {
+    title: string;
+}
+
+const TitleBar: React.FC<TitleBarProps> = ({ title }) => {
+    return (
+        <div className="title-bar p-5 shadow-md" style={{ backgroundColor: '#2D4B71' }}>
+            <div style={{ width: 'fit-content', whiteSpace: 'nowrap', overflow: 'hidden' }}>
+                <span className="text-white text-4xl font-bold">{title}</span>
+            </div>
+        </div>
+    );
+};
+
+export default TitleBar;
\ No newline at end of file
-- 
cgit v1.2.3

