import React from "react";
import { TinaCMSConfig } from "tinacms";
export interface Config {
    pages: Page[];
    components: {
        Link: React.FC<{
            to: string;
        }>;
        Loading?: React.FC<unknown>;
        RenderError?: React.FC<{
            error: Error;
        }>;
    };
    labels?: {
        tableOfContentsTitle?: string;
    };
    cmsToggle?: boolean;
    tinaConfig?: TinaCMSConfig;
}
export interface DemoPage {
    default: React.FC<unknown>;
    code?: string;
    tinaConfig?: TinaCMSConfig;
}
export interface Page {
    label: string;
    slug: string;
    loadPage: Promise<unknown>;
}
export declare const MDXComponents: {
    pre: (props: any) => JSX.Element;
    code: ({ className, children }: any) => JSX.Element;
};
export interface LayoutProps {
    config: Config;
    currentSlug: string;
}
export declare const Layout: React.FC<LayoutProps>;
export declare const DocGridToc: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const DocsGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const DocGridHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const DocGridContent: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const DocsPageTitle: import("styled-components").StyledComponent<"h1", any, {}, never>;
export declare const DocsNavToggle: import("styled-components").StyledComponent<"div", any, {}, never>;
export default Layout;