Ein Agent.Deine ganze App.

1import * as React from "react"
2import { cva } from "class-variance-authority"
3import { Slot } from "radix-ui"
4
5import { cn } from "@/lib/utils"
6
7const buttonVariants = cva(
8  "inline-flex items-center gap-2 rounded-md text-sm font-medium",
9  {
10    variants: {
11      variant: {
12        default: "bg-primary text-primary-foreground hover:bg-primary/90",
13        destructive:
14          "bg-destructive text-white hover:bg-destructive/90",
15        outline:
16          "border bg-background shadow-xs hover:bg-accent",
17        ghost: "hover:bg-accent hover:text-accent-foreground",
18      },
19      size: {
20        default: "h-9 px-4 py-2",
21        sm: "h-8 gap-1.5 rounded-md px-3",
22        lg: "h-10 rounded-md px-6",
23      },
24    },
25  }
26)
27
28function Button({ className, variant, size, ...props }) {
29  return <button className={cn(buttonVariants({ variant, size }), className)} {...props} />
30}