import * as React from "react"; import { type VariantProps } from "class-variance-authority"; import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui"; import { toggleVariants } from "@/components/ui/toggle"; import { Separator } from "@/components/ui/separator"; export type ToggleGroupProps = React.ComponentProps & VariantProps & { spacing?: number; orientation?: "horizontal" | "vertical"; /** Auto-inject separators between items. Default true for single (always), true for multiple when spacing=0. */ separator?: boolean; }; declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit & VariantProps<(props?: ({ variant?: "default" | "outline" | "segmented" | null | undefined; size?: "default" | "sm" | "lg" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string> & { spacing?: number; orientation?: "horizontal" | "vertical"; /** Auto-inject separators between items. Default true for single (always), true for multiple when spacing=0. */ separator?: boolean; }, "ref"> | Omit & VariantProps<(props?: ({ variant?: "default" | "outline" | "segmented" | null | undefined; size?: "default" | "sm" | "lg" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string> & { spacing?: number; orientation?: "horizontal" | "vertical"; /** Auto-inject separators between items. Default true for single (always), true for multiple when spacing=0. */ separator?: boolean; }, "ref">) & React.RefAttributes>; declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps & VariantProps): import("react/jsx-runtime").JSX.Element; declare function ToggleGroupSeparator({ className, orientation, variant, ...props }: React.ComponentProps & { orientation?: "horizontal" | "vertical"; }): import("react/jsx-runtime").JSX.Element; export { ToggleGroup, ToggleGroupItem, ToggleGroupSeparator }; //# sourceMappingURL=toggle-group.d.ts.map