import { Toggle } from "@/components/ui/toggle"
import { Bold } from "lucide-react"        
            
function Toggle(){
    return(
        <>
            <Toggle className="bg-zinc-800/20 hover:bg-zinc-800/40 text-zinc-400 py-4 hover:text-zinc-200 border border-transparent transition-all duration-300 rounded-xl active:scale-95 data-[state=on]:border-sky-500 data-[state=on]:bg-sky-500/10">
                <Bold className="h-4 w-4" />
            </Toggle>
        </>
    )
}
export default Toggle