import * as React from 'react';
import { WithStyles } from 'react-jss';
export declare type ToggleButtonsItem = Readonly<{
    id: string;
    label: React.ReactNode;
}>;
declare type CompProps = Readonly<{
    items: ReadonlyArray<ToggleButtonsItem>;
    initToggledItemId?: string;
    onToggle: (id: string) => void;
}>;
declare type Props = WithStyles<ClassKey> & CompProps;
export declare const ToggleButtonsComp: ({ classes, items, initToggledItemId, onToggle }: Props) => JSX.Element;
declare type ClassKey = 'root' | 'container' | 'item' | 'selectedItem';
/**
 * ToggleButtons provide the user a grouped related options.
 * It provides an exclusive selection and it remembers whether it is pressed or unpressed.
 */
export declare const ToggleButtons: React.ComponentClass<Readonly<{
    items: readonly Readonly<{
        id: string;
        label: React.ReactNode;
    }>[];
    initToggledItemId?: string | undefined;
    onToggle: (id: string) => void;
}>, any>;
export {};