/**
 * @specs https://m3.material.io/components/top-app-bar/specs
 */
export declare const TopAppBar: import('react').ForwardRefExoticComponent<{
    children?: React.ReactNode;
    /**
     * This affect the height, e.g.:
     *
     * small/medium 64px  medium 112px  large 152px
     * @default "small"
     */
    variant?: "center" | "small" | "medium" | "large";
    leadingNavigationIcon?: React.ReactNode;
    trailingIcon?: React.ReactNode;
    /**
     * Fix the component to the top side,
     *
     * See also `zIndex` `inset`
     */
    fixed?: boolean;
    /**
     * CSS `z-index`, if `fixed` set to `true`
     *
     * @default 1
     */
    zIndex?: number;
    /**
     * CSS `inset`, if `fixed` set to `true`
     */
    inset?: string;
} & Omit<import('react').HTMLProps<HTMLElement>, "inset" | "zIndex" | "as" | "ref" | "children" | "variant" | "leadingNavigationIcon" | "trailingIcon" | "fixed"> & import('react').RefAttributes<HTMLDivElement>>;