import React from 'react';
import './Playbook.css';
export interface IPlaybookPage {
    name: string;
    content: () => React.ReactElement;
}
type Props<T extends IPlaybookPage> = {
    pages: Array<T>;
    contentControl?: React.ComponentType<{
        currentPage?: T;
    }>;
    contentWrapper?: React.ComponentType<{
        currentPage: T;
        children: React.ReactElement;
    }>;
};
interface IPlaybook {
    <T extends IPlaybookPage>(props: Props<T>): React.ReactElement | null;
    Button: typeof Button;
}
declare const Playbook: IPlaybook;
export declare function Index<T extends IPlaybookPage>(props: Props<T>): React.JSX.Element;
export declare function MenuItem(props: {
    name: string;
    selected: boolean;
    onClick: (name: string) => void;
}): React.JSX.Element;
declare function Button({ active, ...props }: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
    active?: boolean;
}): React.JSX.Element;
export default Playbook;