import { PropsWithChildren, ReactElement, Ref } from 'react';
export type SidebarLayoutProps = PropsWithChildren<{
    /**
     * Custom classname for the root layout
     */
    className?: string;
    /**
     * Custom classnames for sub elements
     */
    classes?: {
        /**
         * Custom sidebar className
         */
        sidebar?: string;
        /**
         * Custom content className
         */
        content?: string;
    };
    /**
     * Sidebar implementation
     */
    sidebar: ReactElement;
    /**
     * Show/hide the sidebar component. Applies only if the variant is `float`
     */
    open?: boolean;
    /**
     * Customize behaviour
     */
    variant?: 'float' | 'static';
    /**
     * Ref for the sidebar element
     */
    sidebarRef?: Ref<HTMLDivElement>;
    /**
     * Ref for the main element
     */
    mainRef?: Ref<HTMLDivElement>;
}>;
/**
 * Layout with a sidebar. The sidebar is fixed. If you are looking to implement a drawer, checkout the `drawer` component
 */
export declare const SidebarLayout: (props: {
    /**
     * Custom classname for the root layout
     */
    className?: string | undefined;
    /**
     * Custom classnames for sub elements
     */
    classes?: {
        /**
         * Custom sidebar className
         */
        sidebar?: string | undefined;
        /**
         * Custom content className
         */
        content?: string | undefined;
    } | undefined;
    /**
     * Sidebar implementation
     */
    sidebar: ReactElement;
    /**
     * Show/hide the sidebar component. Applies only if the variant is `float`
     */
    open?: boolean | undefined;
    /**
     * Customize behaviour
     */
    variant?: "float" | "static" | undefined;
    /**
     * Ref for the sidebar element
     */
    sidebarRef?: Ref<HTMLDivElement> | undefined;
    /**
     * Ref for the main element
     */
    mainRef?: Ref<HTMLDivElement> | undefined;
} & {
    children?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLDivElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;