Glow Button Demo

1"use client";
2 
3import { ArrowRight, Sparkles, Zap } from "lucide-react";
4 
5import { GlowButton, type GlowButtonProps } from "@/components/unlumen-ui/primitives/glow";
6 
7type GlowButtonDemoProps = Pick<
8  GlowButtonProps,
9  "mode" | "blur" | "duration" | "glowScale"
10>;
11 
12export const GlowButtonDemo = ({
13  mode = "rotate",
14  blur = "strong",
15  duration = 5,
16  glowScale = 1,
17}: GlowButtonDemoProps) => {
18  return (
19    <div className="flex min-h-[240px] flex-wrap items-center justify-center gap-6 p-10">
20      <GlowButton
21        mode={mode}
22        blur={blur}
23        duration={duration}
24        glowScale={glowScale}
25        colors={["#FF5733", "#33FF57", "#3357FF", "#F1C40F"]}
26      >
27        Get Started
28        <ArrowRight />
29      </GlowButton>
30    </div>
31  );
32};