import { default as React } from 'react';
import { ToggleGroupVariant, ToggleGroupItemSize } from './types';
import { ToggleVariant } from '../toggle/types';
import { IconType } from '../icon';
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
/**
 * Props for the ToggleGroup component
 */
type IToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & React.RefAttributes<HTMLDivElement> & {
    /**
     * Optional type of the toggle group
     */
    type?: 'single' | 'multiple';
    /**
     * Optional variant of the toggle group
     */
    variant?: ToggleVariant;
    /**
     * Optional size of the toggle group
     */
    size?: ToggleGroupItemSize;
    /**
     * Optional shape of the toggle group
     */
    shape?: ToggleGroupVariant;
    /**
     * Optional className for the toggle group
     */
    className?: string;
    /**
     * Optional children for the toggle group
     */
    children?: React.ReactNode;
};
declare const ToggleGroup: {
    (props: IToggleGroupProps): import("react/jsx-runtime").JSX.Element;
    displayName: string | undefined;
};
type IToggleGroupItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & React.RefAttributes<HTMLButtonElement> & {
    variant?: ToggleVariant;
    size?: ToggleGroupItemSize;
    icon?: IconType;
    label?: string;
};
declare const ToggleGroupItem: {
    ({ className, variant, size, icon, label, ref, ...props }: IToggleGroupItemProps): import("react/jsx-runtime").JSX.Element;
    displayName: string | undefined;
};
export { ToggleGroup, ToggleGroupItem };
