/// <reference types="react" />
declare const _default: {
    component: import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: import("react").ReactNode;
    } & Omit<import("../Box/defs").FlexProps, "children"> & {
        value: string;
        children?: import("react").ReactNode;
        tooltipMessage?: string | undefined;
        iconProps?: Partial<import("..").IconButtonProps> | undefined;
    } & import("react").RefAttributes<HTMLDivElement>>;
    title: string;
    parameters: {
        layout: string;
    };
};
export default _default;
export declare const Usage: {
    (): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};
export declare const IconProps: {
    (): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};
export declare const WithoutChildren: {
    (): import("react/jsx-runtime").JSX.Element;
    parameters: {
        layout: string;
    };
};