From e70ba285f4d09739e17a36ea9b51e64ace681ea1 Mon Sep 17 00:00:00 2001
From: "sweep-ai[bot]" <128439645+sweep-ai[bot]@users.noreply.github.com>
Date: Mon, 12 Feb 2024 02:34:19 +0000
Subject: [PATCH] feat: Add ThemeToggleButton component for dark mod

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

diff --git a/src/components/ThemeToggleButton.tsx b/src/components/ThemeToggleButton.tsx
new file mode 100644
index 000000000..debfd1f22
--- /dev/null
+++ b/src/components/ThemeToggleButton.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { useTheme } from '../context/ThemeContext';
+
+const ThemeToggleButton = () => {
+  const { theme, toggleTheme } = useTheme();
+
+  return (
+    <button
+      onClick={toggleTheme}
+      style={{
+        padding: '10px 20px',
+        fontSize: '16px',
+        cursor: 'pointer',
+        backgroundColor: theme === 'light' ? '#FFF' : '#333',
+        color: theme === 'light' ? '#333' : '#FFF',
+        border: `2px solid ${theme === 'light' ? '#333' : '#FFF'}`,
+        borderRadius: '5px',
+        transition: 'all 0.3s ease',
+      }}
+    >
+      {theme === 'light' ? 'Switch to Dark Mode' : 'Switch to Light Mode'}
+    </button>
+  );
+};
+
+export default ThemeToggleButton;