import * as _maker_ui_layout_client from '@maker-ui/layout-client';
export { ColorButton, Div, LayoutProvider, Menu, MenuButton, ThemeProvider, useLayout, useMenu, useTheme } from '@maker-ui/layout-client';
import * as _maker_ui_layout_server from '@maker-ui/layout-server';
import { PanelProps, MakerUIOptions } from '@maker-ui/layout-server';
export { MakerUIOptions, MenuItemProps, Section, Skiplinks } from '@maker-ui/layout-server';
import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';

interface LayoutProps {
    /** You can use Layout dot children to build layouts with JSX */
    children?: React.ReactNode;
    /** A valid Maker UI Options configuration object */
    options?: MakerUIOptions;
    /** Allows you to nest multiple different layouts without re-rerendering container components */
    fragment?: boolean;
}
/**
 * Wrap your application in the `Layout` component to use Maker UI.
 *
 * @link https://maker-ui.com/docs/layout/layout
 */
declare const Layout: {
    ({ options, fragment, children, }: LayoutProps): react_jsx_runtime.JSX.Element;
    Header: {
        ({ className, absolute, template, templateMobile, sticky, stickyOnMobile, stickyUpScroll, scrollClass, logo, widgets, menu, menuSplit, menuButton, breakpoint, _mobileMenu, _type, children, ...props }: _maker_ui_layout_server.HeaderProps): React.JSX.Element;
        displayName: string;
        defaultProps: {
            _type: string;
        };
    };
    MobileMenu: {
        ({ className, closeButton, closeOnRouteChange, visibleOnDesktop, closeOnBlur, center, menu, transition, children, _type, ...props }: _maker_ui_layout_server.MobileMenuProps): React.JSX.Element;
        displayName: string;
        defaultProps: {
            _type: string;
        };
    };
    Topbar: {
        ({ id, sticky, stickyOnMobile, hideOnMobile, className, children, _type, ...props }: _maker_ui_layout_server.TopbarProps): React.JSX.Element;
        displayName: string;
        defaultProps: {
            _type: string;
        };
    };
    Main: {
        ({ id, children, _type, ...props }: _maker_ui_layout_server.MainProps): React.JSX.Element;
        displayName: string;
        defaultProps: {
            _type: string;
        };
    };
    Footer: {
        ({ children, _type, className, ...props }: _maker_ui_layout_server.FooterProps): React.JSX.Element;
        displayName: string;
        defaultProps: {
            _type: string;
        };
    };
    Sidebar: {
        ({ primary, className, children, _type, ...props }: _maker_ui_layout_server.SidebarProps): React.JSX.Element;
        displayName: string;
        defaultProps: {
            _type: string;
        };
    };
    LeftPanel: {
        (props: PanelProps): react_jsx_runtime.JSX.Element;
        defaultProps: {
            _type: string;
        };
    };
    RightPanel: {
        (props: PanelProps): react_jsx_runtime.JSX.Element;
        defaultProps: {
            _type: string;
        };
    };
    Settings: {
        ({ options, children, _type, }: _maker_ui_layout_client.LayoutSettingsProps): react_jsx_runtime.JSX.Element;
        displayName: string;
    };
    displayName: string;
};

interface ResponsiveStyleProps {
    options: MakerUIOptions;
    topbar?: boolean;
    header?: boolean;
}
declare const ResponsiveStyle: ({ options, topbar, header, }: ResponsiveStyleProps) => react_jsx_runtime.JSX.Element;

export { Layout, ResponsiveStyle };