Button

1import { Button } from "@/components/ui/button";
2 
3export default function ButtonDisabled() {
4  return (
5    <div className="flex items-center gap-2">
6      <Button disabled>Default</Button>
7      <Button variant="secondary" disabled>
8        Secondary
9      </Button>
10      <Button variant="destructive" disabled>
11        Destructive
12      </Button>
13      <Button variant="outline" disabled>
14        Outline
15      </Button>
16      <Button variant="ghost" disabled>
17        Ghost
18      </Button>
19    </div>
20  );
21}