import { HTMLProps, PropsWithChildren, ReactNode } from 'react';
import { ThemeColorVariables } from '@dreipol/t3-react-theme';
export type AppBarProps = PropsWithChildren<{
    /**
     * Custom background color
     */
    color?: ThemeColorVariables;
    /**
     * Left placeholder
     */
    left?: ReactNode;
    /**
     * Right placeholder
     */
    right?: ReactNode;
    /**
     * Show divider at the bottom
     */
    divider?: boolean;
    /**
     * Define behaviour of appbar
     */
    behaviour?: 'sticky' | 'fixed' | 'absolute';
    /**
     * Set the elevation. If `auto` then the scrollDetector will be used
     */
    elevation?: boolean | 'auto';
    /**
     * Custom classname
     */
    className?: string;
    /**
     * Custom layout
     */
    layout?: '3col' | '2col' | '1col';
    /**
     * Show divider on scroll
     */
    dividerOnScroll?: boolean;
    /**
     * Enable/Disabled  scroll detection in window object
     */
    detectWindowScroll?: boolean;
    /**
     * Custom container to watch for scrolling
     */
    scrollContainer?: HTMLElement;
    /**
     * Add custom classes
     */
    classes?: {
        /**
         * Wrapper for the main appbar content
         */
        content?: string;
        /**
         * Custom class, when the app bar is sticky
         */
        scrolled?: string;
    };
} & Omit<HTMLProps<HTMLDivElement>, 'ref'>>;
/**
 * AppBar component to render navigation or toolbar at the top of the page. Usually holds the navigation or similar
 */
export declare const AppBar: (props: {
    /**
     * Custom background color
     */
    color?: ThemeColorVariables | undefined;
    /**
     * Left placeholder
     */
    left?: ReactNode;
    /**
     * Right placeholder
     */
    right?: ReactNode;
    /**
     * Show divider at the bottom
     */
    divider?: boolean | undefined;
    /**
     * Define behaviour of appbar
     */
    behaviour?: "fixed" | "absolute" | "sticky" | undefined;
    /**
     * Set the elevation. If `auto` then the scrollDetector will be used
     */
    elevation?: boolean | "auto" | undefined;
    /**
     * Custom classname
     */
    className?: string | undefined;
    /**
     * Custom layout
     */
    layout?: "3col" | "2col" | "1col" | undefined;
    /**
     * Show divider on scroll
     */
    dividerOnScroll?: boolean | undefined;
    /**
     * Enable/Disabled  scroll detection in window object
     */
    detectWindowScroll?: boolean | undefined;
    /**
     * Custom container to watch for scrolling
     */
    scrollContainer?: HTMLElement | undefined;
    /**
     * Add custom classes
     */
    classes?: {
        /**
         * Wrapper for the main appbar content
         */
        content?: string | undefined;
        /**
         * Custom class, when the app bar is sticky
         */
        scrolled?: string | undefined;
    } | undefined;
} & Omit<HTMLProps<HTMLDivElement>, "ref"> & {
    children?: ReactNode;
} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;