Button

import { Button } from "@/components/ui/Button";
import { ArrowRight, Download } from "lucide-react";

// Primary — the default call-to-action
<Button variant="primary">Get Started</Button>

// Secondary — for supporting actions
<Button variant="secondary">Learn More</Button>

// Ghost — for low-emphasis, inline actions
<Button variant="ghost">Cancel</Button>

// Danger — destructive actions
<Button variant="danger">Delete Account</Button>

// Glass — for overlays and hero sections
<Button variant="glass">Explore</Button>

// With icons
<Button leftIcon={<Download className="w-4 h-4" />}>
  Download
</Button>
<Button rightIcon={<ArrowRight className="w-4 h-4" />}>
  Continue
</Button>

// Sizes
<Button size="sm">Small</Button>
<Button size="md">Medium</Button>
<Button size="lg">Large</Button>

// Loading state
<Button loading>Saving...</Button>

// Disabled
<Button disabled>Unavailable</Button>