import type { Meta, StoryObj } from "@storybook/react-vite"; import { DollarSign, Zap } from "lucide-react"; import { StatCard } from "./stat-card"; import { FeatureCard } from "./feature-card"; import { PricingCard } from "./pricing-card"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; const THEMES = ["minimal", "brutalist", "aurora"] as const; /** A compact sampler rendered once per theme, side by side. */ function Sampler() { return (
New
); } const meta = { title: "UI Library/Themes", parameters: { layout: "fullscreen" }, } satisfies Meta; export default meta; type Story = StoryObj; /** * All three themes at once. Each column hard-sets its own `data-theme`, * overriding the toolbar selection — this is the "3 variants" overview. */ export const AllThemes: Story = { render: () => (
{THEMES.map((t) => (

{t}

))}
), };