import React, { ComponentPropsWithRef, ReactElement } from 'react';
import { ToggleMenuItemProps } from './toggle-menu-item/toggle-menu-item';
import { ThemeColorVariables } from '@dreipol/t3-react-theme';
export type ToggleMenuProps<T = string> = {
    /**
     * Custom items
     */
    children: ReactElement<ToggleMenuItemProps<T>>[];
    /**
     * Current selected value
     */
    value: T;
    /**
     * Render as nullable option
     */
    nullable?: boolean;
    /**
     * Custom color palette for items
     */
    color?: ThemeColorVariables;
    /**
     * Custom change handler
     */
    onChange?: (v: T) => void;
    /**
     * Menu direction
     */
    direction?: 'row' | 'column';
} & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'value' | 'color'>;
export declare const ToggleMenu: <T = string>(props: {
    /**
     * Custom items
     */
    children: React.ReactElement<ToggleMenuItemProps<T>, string | React.JSXElementConstructor<any>>[];
    /**
     * Current selected value
     */
    value: T;
    /**
     * Render as nullable option
     */
    nullable?: boolean | undefined;
    /**
     * Custom color palette for items
     */
    color?: ThemeColorVariables | undefined;
    /**
     * Custom change handler
     */
    onChange?: ((v: T) => void) | undefined;
    /**
     * Menu direction
     */
    direction?: "row" | "column" | undefined;
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
}, "value" | "color" | "onChange"> & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;