From beb10f29482261acbdc3e216ea929d9fa12fc149 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sat, 3 May 2025 11:53:19 -0700
Subject: add announcement bar

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

(limited to 'src/components/Announcement.tsx')

diff --git a/src/components/Announcement.tsx b/src/components/Announcement.tsx
new file mode 100644
index 0000000..ac7f805
--- /dev/null
+++ b/src/components/Announcement.tsx
@@ -0,0 +1,27 @@
+import React from "react";
+
+interface AnnouncementProps {
+    message: string;
+    backgroundColor?: string;
+    textColor?: string;
+}
+
+const Announcement: React.FC<AnnouncementProps> = ({
+    message,
+    backgroundColor = "#f8d7da",
+    textColor = "#721c24",
+}) => {
+    return (
+        <div
+            className={`p-4 rounded-lg text-center font-bold`}
+            style={{
+                backgroundColor,
+                color: textColor,
+            }}
+        >
+            {message}
+        </div>
+    );
+};
+
+export default Announcement;
-- 
cgit v1.2.3

