import { TypographyTypeMap } from '@mui/material/Typography';
import { SxProps, Theme } from '@mui/material/styles';
import { PaperProps } from '@mui/material/Paper';
import React from 'react';
export declare type SideBarMobileItem = {
    key: string;
    text: string;
    icon: React.ReactNode;
    divider?: boolean;
    onClick?: () => void;
};
export declare type SideBarMobileProps = {
    items: SideBarMobileItem[];
    selectedMenuKey?: string;
    state?: boolean;
    logoCollapsed?: React.ReactNode;
    logoExpanded: React.ReactNode;
    expandOnHover?: boolean;
    expandOnHoverDelayOpen?: number;
    expandOnHoverDelayClose?: number;
    expandOnHoverCancelOnClick?: boolean;
    collapsible?: boolean;
    expandHint?: boolean;
    defaultOpen?: boolean;
    children?: React.ReactNode;
    childrenCollapsed?: React.ReactNode;
    textVariant?: TypographyTypeMap['props']['variant'];
    textSX?: SxProps<Theme>;
    listIconSx?: SxProps<Theme>;
    listItemSx?: SxProps<Theme>;
    paperProps?: PaperProps;
    hamburgerIconSx?: SxProps<Theme>;
    onOpenChanged?: (open: boolean) => void;
    menuBackgroundColor?: string;
    menuTextColor?: string;
    mobileLogo?: React.ReactNode;
    topNavChildren?: React.ReactNode;
    headerContent?: React.ReactNode;
    close?: boolean;
};
export declare const SideBarMobile: ({ items, state, selectedMenuKey, logoCollapsed, logoExpanded, expandOnHover, expandOnHoverDelayOpen, expandOnHoverDelayClose, expandOnHoverCancelOnClick, children, childrenCollapsed, textVariant, collapsible, expandHint, textSX, listIconSx, listItemSx, defaultOpen, paperProps, hamburgerIconSx, menuBackgroundColor, menuTextColor, topNavChildren, headerContent, mobileLogo, onOpenChanged, close, }: SideBarMobileProps) => JSX.Element;