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