/**
 * @file index.tsx
 *
 * @fileoverview Shows a mobile navigation on a sidebar.
 */
/// <reference types="react" />
export declare const StyledMobileBranding: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledLogo: import("styled-components").StyledComponent<"img", any, {}, never>;
export declare const StyledIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
export interface MobileSideNavProps {
    /**
     * The content to go into the sidebar.
     */
    children: any;
    /**
     * On toggle event.
     */
    onToggleNav?: () => void;
    /**
     * The site name.
     */
    sitename: string;
    /**
     * Logo url for branding.
     */
    logoUrl?: string;
    /**
     * the theme object.
     */
    theme?: any;
}
/**
 * The mobile menu is used to show navigation information on the site.
 */
export declare const MobileSideNav: ({ children, logoUrl, sitename, onToggleNav, theme, ...props }: MobileSideNavProps) => JSX.Element;
export default MobileSideNav;