Spaces:
Sleeping
Sleeping
File size: 1,147 Bytes
0c591a7 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
import { cn } from "@/lib/utils"
export type ViewMode = 'executive' | 'full'
interface ViewModeToggleProps {
value: ViewMode
onChange: (mode: ViewMode) => void
className?: string
}
export function ViewModeToggle({ value, onChange, className }: ViewModeToggleProps) {
return (
<div className={cn(
"inline-flex items-center rounded-lg bg-gray-800 p-1 text-sm",
className
)}>
<button
onClick={() => onChange('executive')}
className={cn(
"px-3 py-1.5 rounded-md transition-all duration-200 font-medium",
value === 'executive'
? "bg-primary text-primary-foreground shadow-sm"
: "text-gray-400 hover:text-gray-200"
)}
>
Executive
</button>
<button
onClick={() => onChange('full')}
className={cn(
"px-3 py-1.5 rounded-md transition-all duration-200 font-medium",
value === 'full'
? "bg-primary text-primary-foreground shadow-sm"
: "text-gray-400 hover:text-gray-200"
)}
>
Full
</button>
</div>
)
}
export default ViewModeToggle
|