declare const sidebarLayout: import("tailwind-variants").TVReturnType<{
    useSidebar: {
        true: {
            container: string;
        };
        false: {
            container: string;
        };
    };
    useLightContent: {
        true: {
            root: string;
            container: string;
            containerWrapper: string;
        };
        false: {
            container: string;
        };
    };
}, {
    root: string;
    sidebar: string;
    sidebarSlideoverContainer: string;
    sidebarSlideover: string;
    sidebarSlideoverBtnClose: string;
    header: string;
    headerMenuIcon: string;
    headerPaddings: string;
    headerWrapper: string;
    container: string;
    containerWrapper: string;
    containerWrapperInner: string;
}, undefined, {
    useSidebar: {
        true: {
            container: string;
        };
        false: {
            container: string;
        };
    };
    useLightContent: {
        true: {
            root: string;
            container: string;
            containerWrapper: string;
        };
        false: {
            container: string;
        };
    };
}, {
    root: string;
    sidebar: string;
    sidebarSlideoverContainer: string;
    sidebarSlideover: string;
    sidebarSlideoverBtnClose: string;
    header: string;
    headerMenuIcon: string;
    headerPaddings: string;
    headerWrapper: string;
    container: string;
    containerWrapper: string;
    containerWrapperInner: string;
}, import("tailwind-variants").TVReturnType<{
    useSidebar: {
        true: {
            container: string;
        };
        false: {
            container: string;
        };
    };
    useLightContent: {
        true: {
            root: string;
            container: string;
            containerWrapper: string;
        };
        false: {
            container: string;
        };
    };
}, {
    root: string;
    sidebar: string;
    sidebarSlideoverContainer: string;
    sidebarSlideover: string;
    sidebarSlideoverBtnClose: string;
    header: string;
    headerMenuIcon: string;
    headerPaddings: string;
    headerWrapper: string;
    container: string;
    containerWrapper: string;
    containerWrapperInner: string;
}, undefined, {
    useSidebar: {
        true: {
            container: string;
        };
        false: {
            container: string;
        };
    };
    useLightContent: {
        true: {
            root: string;
            container: string;
            containerWrapper: string;
        };
        false: {
            container: string;
        };
    };
}, {
    root: string;
    sidebar: string;
    sidebarSlideoverContainer: string;
    sidebarSlideover: string;
    sidebarSlideoverBtnClose: string;
    header: string;
    headerMenuIcon: string;
    headerPaddings: string;
    headerWrapper: string;
    container: string;
    containerWrapper: string;
    containerWrapperInner: string;
}, import("tailwind-variants").TVReturnType<{
    useSidebar: {
        true: {
            container: string;
        };
        false: {
            container: string;
        };
    };
    useLightContent: {
        true: {
            root: string;
            container: string;
            containerWrapper: string;
        };
        false: {
            container: string;
        };
    };
}, {
    root: string;
    sidebar: string;
    sidebarSlideoverContainer: string;
    sidebarSlideover: string;
    sidebarSlideoverBtnClose: string;
    header: string;
    headerMenuIcon: string;
    headerPaddings: string;
    headerWrapper: string;
    container: string;
    containerWrapper: string;
    containerWrapperInner: string;
}, undefined, unknown, unknown, undefined>>>;
export interface SidebarLayoutProps {
    /**
     * The element or component this component should render as.
     * @defaultValue 'div'
     */
    as?: any;
    useLightContent?: boolean;
    class?: any;
    b24ui?: Partial<typeof sidebarLayout.slots>;
}
export interface SidebarLayoutSlots {
    /**
     * Menu for all screen sizes.
     * @param props
     * @param props.handleClick - Handler for navigation click events
     */
    sidebar(props: {
        handleClick: () => void;
    }): any;
    /**
     * Menu for mobile screen sizes.
     */
    navbar(props?: {}): any;
    /**
     * The page content.
     */
    default(props?: {}): any;
}
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SidebarLayoutProps>, {
    as: string;
    useLightContent: boolean;
}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SidebarLayoutProps>, {
    as: string;
    useLightContent: boolean;
}>>> & Readonly<{}>, {
    as: any;
    useLightContent: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<SidebarLayoutSlots> & SidebarLayoutSlots>;
export default _default;
type __VLS_WithDefaults<P, D> = {
    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
        default: D[K];
    }> : P[K];
};
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
type __VLS_TypePropsToOption<T> = {
    [K in keyof T]-?: {} extends Pick<T, K> ? {
        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
    } : {
        type: import('vue').PropType<T[K]>;
        required: true;
    };
};
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};
type __VLS_PrettifyLocal<T> = {
    [K in keyof T]: T[K];
} & {};