import { ButtonProps, TooltipProps } from '@mui/material';
import * as React from 'react';
import { Styles } from '../react-types';
interface OwnProps<T extends string> extends Omit<ButtonProps, 'size' | 'onClick' | 'title'> {
    value: T;
    active?: boolean;
    focused?: boolean;
    disabled?: boolean;
    title: React.ReactNode;
    onClick?: (value: T) => void;
    tooltipProps?: Omit<TooltipProps, 'children' | 'title'>;
}
/**
 * Button Props
 *
 * @public
 */
export type Props<T extends string> = React.PropsWithChildren<OwnProps<T>> & StyleProps;
/**
 * Button section of field
 *
 * @public
 * @param {Props<T>} props
 * @returns {JSX.Element}
 */
export declare const ToggleButton: <T extends string>(props: Props<T>) => JSX.Element;
declare const useStyles: (params: void, styleOverrides?: {
    props: {
        classes?: Record<string, string> | undefined;
    } & Record<string, unknown>;
    ownerState?: Record<string, unknown> | undefined;
} | undefined) => {
    classes: Record<"root" | "tooltip" | "active" | "colorSecondary" | "colorPrimary", string>;
    theme: import("@mui/material").Theme;
    css: import("tss-react").Css;
    cx: import("tss-react").Cx;
};
type StyleProps = Styles<typeof useStyles>;
export {};