/// <reference types="react" />
export declare const TopBar: {
    ActionButton: import("@emotion/styled").StyledComponent<import("../../components/button/converter.old").OldTextButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
        theme?: import("@emotion/react").Theme | undefined;
    }, {}, {}>;
    Container: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    } & {
        backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
        height?: import("../..").CSSValueWithLength | undefined;
    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
    SidebarToggleButton: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "aria-expanded" | "children"> & {
        'aria-expanded': boolean | "true" | "false";
    } & import("react").RefAttributes<HTMLButtonElement>>;
    Title: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
    ActionArea: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
    ActionIconButton: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
    NumberIcon: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    } & import("../..").StackProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
        theme?: import("@emotion/react").Theme | undefined;
    } & {
        size?: "medium" | "large" | undefined;
        value: number;
    }, {}, {}>;
};