"use client" import { createContext, CSSProperties, useContext } from "react" // shadcn import { toggleVariants } from "@/components/ui/toggle" // third-party import { Toggle as TogglePrimitive } from "@base-ui/react/toggle" import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group" import { type VariantProps } from "class-variance-authority" import { cn } from "cn" const ToggleGroupContext = createContext< VariantProps & { spacing?: number orientation?: "horizontal" | "vertical" } >({ size: "default", variant: "default", spacing: 0, orientation: "horizontal", }) function ToggleGroup({ className, variant, size, spacing = 0, orientation = "horizontal", children, ...props }: ToggleGroupPrimitive.Props & VariantProps & { spacing?: number orientation?: "horizontal" | "vertical" }) { return ( {children} ) } function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }: TogglePrimitive.Props & VariantProps) { const context = useContext(ToggleGroupContext) return ( {children} ) } export { ToggleGroup, ToggleGroupItem }