20:["$","tr","1",{"className":"leading-5 hover:bg-muted/30","children":[["$","td",null,{"className":"text-muted-foreground/40 border-border/50 w-[1%] border-r px-3 text-right whitespace-nowrap tabular-nums select-none ","children":2}],["$","td",null,{"className":"px-3 whitespace-pre ","dangerouslySetInnerHTML":{"__html":""}}]]}] 21:["$","tr","2",{"className":"leading-5 hover:bg-muted/30","children":[["$","td",null,{"className":"text-muted-foreground/40 border-border/50 w-[1%] border-r px-3 text-right whitespace-nowrap tabular-nums select-none ","children":3}],["$","td",null,{"className":"px-3 whitespace-pre ","dangerouslySetInnerHTML":{"__html":"// Button variant (default) — ghost button with icon"}}]]}] 22:["$","tr","3",{"className":"leading-5 hover:bg-muted/30","children":[["$","td",null,{"className":"text-muted-foreground/40 border-border/50 w-[1%] border-r px-3 text-right whitespace-nowrap tabular-nums select-none ","children":4}],["$","td",null,{"className":"px-3 whitespace-pre ","dangerouslySetInnerHTML":{"__html":"<ThemeToggle />"}}]]}] 23:["$","tr","4",{"className":"leading-5 hover:bg-muted/30","children":[["$","td",null,{"className":"text-muted-foreground/40 border-border/50 w-[1%] border-r px-3 text-right whitespace-nowrap tabular-nums select-none ","children":5}],["$","td",null,{"className":"px-3 whitespace-pre ","dangerouslySetInnerHTML":{"__html":""}}]]}] 24:["$","tr","5",{"className":"leading-5 hover:bg-muted/30","children":[["$","td",null,{"className":"text-muted-foreground/40 border-border/50 w-[1%] border-r px-3 text-right whitespace-nowrap tabular-nums select-none ","children":6}],["$","td",null,{"className":"px-3 whitespace-pre ","dangerouslySetInnerHTML":{"__html":"// Icon variant — minimal, for headers and toolbars"}}]]}] 25:["$","tr","6",{"className":"leading-5 hover:bg-muted/30","children":[["$","td",null,{"className":"text-muted-foreground/40 border-border/50 w-[1%] border-r px-3 text-right whitespace-nowrap tabular-nums select-none ","children":7}],["$","td",null,{"className":"px-3 whitespace-pre ","dangerouslySetInnerHTML":{"__html":"<ThemeToggle variant="icon" />"}}]]}] 26:["$","tr","7",{"className":"leading-5 hover:bg-muted/30","children":[["$","td",null,{"className":"text-muted-foreground/40 border-border/50 w-[1%] border-r px-3 text-right whitespace-nowrap tabular-nums select-none ","children":8}],["$","td",null,{"className":"px-3 whitespace-pre ","dangerouslySetInnerHTML":{"__html":""}}]]}] 27:["$","tr","8",{"className":"leading-5 hover:bg-muted/30","children":[["$","td",null,{"className":"text-muted-foreground/40 border-border/50 w-[1%] border-r px-3 text-right whitespace-nowrap tabular-nums select-none ","children":9}],["$","td",null,{"className":"px-3 whitespace-pre ","dangerou

1	import { ThemeToggle } from "@/shared/ui/theme-toggle";
2
3	// Button variant (default) — ghost button with icon
4	<ThemeToggle />
5
6	// Icon variant — minimal, for headers and toolbars
7	<ThemeToggle variant="icon" />
8
9	// With custom className
10	<ThemeToggle variant="icon" className="text-primary" />

Theme Toggle