mediahub-fe/components/partials/customizer/team-switcher-toggle.tsx

28 lines
834 B
TypeScript

'use client'
import React from 'react'
import { Checkbox } from "@/components/ui/checkbox"
import { useConfig } from '@/hooks/use-config'
const TeamSwitcherToggle = () => {
const [config, setConfig] = useConfig()
if (config.menuHidden || config.layout === 'horizontal') return null
return (
<div className="flex items-center gap-2">
<Checkbox
checked={config.showSwitcher}
id="team-switcher"
onCheckedChange={() =>
setConfig({ ...config, showSwitcher: !config.showSwitcher })
}
/>
<label
htmlFor="team-switcher"
className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
>
Show Team
</label>
</div>
);
}
export default TeamSwitcherToggle