import { ModeChipProps } from './src/types';
import { default as TxModeChip } from './src/TxModeChip.vue';
/**
 * TxModeChip — a button that names the mode a surface is in ("Request approval",
 * "Unrestricted access") and morphs when the mode changes: the icon scales out
 * and in, the label blur-crossfades a beat behind it, and the tinted fill and
 * width follow. Hover switches colour at once.
 *
 * @example
 * ```ts
 * import { TxModeChip } from '@talex-touch/tuffex'
 *
 * // The label names the mode in effect, so it carries the state: no `aria-pressed`,
 * // which a toggle may only pair with a label that stays the same (WAI-ARIA APG).
 * // <TxModeChip :label="label" :icon="icon" :tone="tone" @click="toggle" />
 * ```
 *
 * @public
 */
declare const ModeChip: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        label: {
            type: StringConstructor;
            required: true;
        };
        icon: {
            type: StringConstructor;
            default: string;
        };
        tone: {
            type: import('vue').PropType<import('..').StatusTone>;
            default: string;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
        icon: string;
        disabled: boolean;
        tone: import('..').StatusTone;
    }, true, {}, {}, Record<string, any>, Record<string, any>, string, {
        rootRef: HTMLButtonElement;
    }, HTMLButtonElement, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        label: {
            type: StringConstructor;
            required: true;
        };
        icon: {
            type: StringConstructor;
            default: string;
        };
        tone: {
            type: import('vue').PropType<import('..').StatusTone>;
            default: string;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{}>, {}, {}, {}, {}, {
        icon: string;
        disabled: boolean;
        tone: import('..').StatusTone;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
    label: {
        type: StringConstructor;
        required: true;
    };
    icon: {
        type: StringConstructor;
        default: string;
    };
    tone: {
        type: import('vue').PropType<import('..').StatusTone>;
        default: string;
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
    icon: string;
    disabled: boolean;
    tone: import('..').StatusTone;
}, {}, string, {}, Record<string, any>, Record<string, any>, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
export { ModeChip, TxModeChip };
export type { ModeChipProps };
export type TxModeChipInstance = InstanceType<typeof TxModeChip>;
export default ModeChip;