buttons, icons, input

2025-10-07 17:05:09 +05:00
parent 9e4bc7b0f8
commit 77fa8ca184
76 changed files with 1314 additions and 6 deletions
@@ -0,0 +1,33 @@
+import clsx from "clsx";
+
+interface FloatingActionButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  children: React.ReactNode;
+  variant: "default" | "critical";
+}
+
+function FloatingActionButton({
+  children,
+  variant = "default",
+  className,
+  onClick,
+  ...props
+}: FloatingActionButtonProps) {
+  return (
+    <button
+      onClick={onClick}
+      className={clsx(
+        "2xl:p-[0.833vw] p-3 rounded-full transition-all cursor-pointer disabled:!cursor-default outline-none backdrop-blur-[10px]",
+        variant === "default" &&
+          "2xl:border-[0.069vw] border border-[#FFFFFF]/15 bg-[#000000]/15 hover:bg-[#000000]/25 hover:border-[#FFFFFF]/25 active:bg-[#7B60F3] active:border-[#FFFFFF]/25",
+        variant === "critical" && "bg-[#FF4517] hover:bg-[#FF4517]/85",
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </button>
+  );
+}
+
+export default FloatingActionButton;