From 32161a3fbcc83c03acae1448900f47ed2746db1f Mon Sep 17 00:00:00 2001
From: killerboss <killerbossoriginal@outlook.it>
Date: Sun, 27 Oct 2024 14:50:02 +0100
Subject: [PATCH] Add button

---
 ui/Button.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 ui/Button.tsx

diff --git a/ui/Button.tsx b/ui/Button.tsx
new file mode 100644
index 0000000..1c42d0d
--- /dev/null
+++ b/ui/Button.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+import {useCursor} from "@/components/cursor";
+import {cn} from "@/lib/utils";
+
+export function Button ({ children, className }: { children?: React.ReactNode, className?: string }) {
+    const customCursor = useCursor();
+    return (
+        <button
+            className={cn(
+                "relative z-10 px-6 py-3 text-lg font-medium text-white rounded-full shadow-md transition-colors duration-100 hover:bg-white hover:text-black",
+                className
+            )}
+            onMouseEnter={() => customCursor.toggleCursor()}
+            onMouseLeave={() => customCursor.toggleCursor()}
+            onClick={() => customCursor.toggleCursorEnabled()}
+        >
+            {children}
+        </button>
+    )
+}
\ No newline at end of file