@start-base/start-ui/ToggleGroup/index.d.mts

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import React, { ReactNode } from 'react';

interface ToggleItemProps {
    value: string;
    initialState?: boolean;
    onToggle?: (toggled: boolean) => void;
    color?: 'primary' | 'secondary' | 'destructive';
    variant?: 'default' | 'outline';
    size?: 'small' | 'medium' | 'large';
    fluid?: boolean;
    className?: string;
    disabled?: boolean;
    children?: ReactNode;
}
interface ToggleWrapperProps {
    value: string | null;
    onChange: (value: string) => void;
    children: ReactNode | ReactNode[];
    direction?: 'horizontal' | 'vertical';
}

declare const ToggleWrapper: React.ForwardRefExoticComponent<ToggleWrapperProps & React.RefAttributes<HTMLDivElement>>;
declare const ToggleItem: {
    ({ value, initialState, onToggle, color, variant, size, fluid, className, disabled, children, ...props }: ToggleItemProps): React.JSX.Element;
    displayName: string;
};
declare const ToggleGroup: {
    ToggleWrapper: React.ForwardRefExoticComponent<ToggleWrapperProps & React.RefAttributes<HTMLDivElement>>;
    ToggleItem: {
        ({ value, initialState, onToggle, color, variant, size, fluid, className, disabled, children, ...props }: ToggleItemProps): React.JSX.Element;
        displayName: string;
    };
};

export { ToggleGroup, ToggleItem, type ToggleItemProps, ToggleWrapper, type ToggleWrapperProps };