import { ComponentPropsWithRef, PropsWithChildren } from 'react';
import { ThemeColorPaletteVariables } from '@dreipol/t3-react-theme';
export type ToggleMenuItemProps<T> = PropsWithChildren<{
    /**
     * Custom value
     */
    value: T;
    /**
     * Render as Active
     */
    active?: boolean;
    /**
     * Custom color
     */
    color?: ThemeColorPaletteVariables;
    /**
     * Custom click handler
     */
    onClick?: (e: React.MouseEvent<HTMLButtonElement>, value: T) => void;
    /**
     * Render with 1/1 aspect ratio
     */
    square?: boolean;
    /**
     * Render as disabled button
     */
    disabled?: boolean;
    /**
     * Set custom variant
     */
    variant?: 'filled' | 'outlined';
    /**
     * Custom classname
     */
    className?: string;
} & Omit<ComponentPropsWithRef<'button'>, 'onClick' | 'color' | 'type' | 'value'>>;
export declare function ToggleMenuItem<T>({ children, value, onClick, active, square, disabled, variant, color, className, ref, ...rest }: ToggleMenuItemProps<T>): import("react/jsx-runtime").JSX.Element;