import { Context } from '../../../../../client/context';
import { Element } from '../../../../../client/element';
import { Mode } from '../../../../../client/mode';
import { System } from '../../../../../system';
import { Dict } from '../../../../../types/Dict';
import Div from '../../Div/Component';
export interface Props {
    className?: string;
    style?: Dict<string>;
    mode?: Mode;
    disabled?: boolean;
}
export declare const DEFAULT_STYLE: {
    width: string;
    height: string;
    display: string;
    flexDirection: string;
    gap: string;
    padding: string;
    borderWidth: string;
    borderStyle: string;
    borderColor: string;
    borderLeft: string;
    borderTopRightRadius: string;
    borderBottomRightRadius: string;
    boxSizing: string;
};
export default class Modes extends Element<HTMLDivElement, Props> {
    _modes: Div;
    private _mode_button_container;
    private _mode_button;
    private _selector;
    private _mode;
    constructor($props: Props, $system: System);
    private _mode_active_color;
    private _toggle_mode;
    show_tooltips: () => void;
    hide_tooltips: () => void;
    private _enter_mode;
    private _reset_color;
    onPropChanged(prop: string, current: any): void;
    getMode(): Mode;
    private _context_unlisten;
    onMount(): void;
    onUnmount($context: Context): void;
}
