import React from 'react';
export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
export declare const IconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
export declare const RightSlot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
interface KodemoMenuContextProps {
    saveFileAsJSON: () => void;
    saveFileAsHTML: () => void;
    loadFileAsJSON: (file: File) => void;
    onKeyboardSaveShortcut: () => void;
}
interface KodemoMenuProps {
    children: React.ReactNode;
    onKeyboardSaveShortcut: () => void;
    getDocumentJSON: () => any;
    setDocumentJSON: (json: any) => void;
}
export declare const KodemoMenuProvider: ({ children, onKeyboardSaveShortcut, ...props }: KodemoMenuProps) => JSX.Element;
export declare function useKodemoMenu(): KodemoMenuContextProps;
export declare const SaveJSONButton: (props: any) => JSX.Element;
export declare const SaveHTMLButton: (props: any) => JSX.Element;
export declare const LoadJSONButton: ({ children, ...props }: any) => JSX.Element;
export declare function Root({ children, onKeyboardSaveShortcut, ...props }: KodemoMenuProps): JSX.Element;
export declare function Logo({ href }: {
    href: string;
}): JSX.Element;
export declare function Dropdown({ trigger, children }: {
    trigger?: React.ReactNode;
    children: React.ReactNode;
}): JSX.Element;
interface KodemoTitleProps {
    defaultTitle: string;
    editable: boolean;
    onTitleChange?: (title: string) => void;
}
export declare function Title({ defaultTitle, onTitleChange, editable }: KodemoTitleProps): JSX.Element;
export {};