import type { ReactNode } from 'react';
type DocBoxType = 'how' | 'tip' | 'example' | 'warning' | 'code' | 'compare';
interface DocBoxProps {
    type: DocBoxType;
    title: string;
    children: ReactNode;
}
export declare function DocBox({ type, title, children }: DocBoxProps): import("react/jsx-runtime").JSX.Element;
interface CodeBlockProps {
    children: string;
}
export declare function CodeBlock({ children }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
interface DemoContainerProps {
    title: string;
    subtitle?: string;
    children: ReactNode;
}
export declare function DemoContainer({ title, subtitle, children }: DemoContainerProps): import("react/jsx-runtime").JSX.Element;
interface DemoGridProps {
    cols?: 1 | 2 | 3;
    children: ReactNode;
}
export declare function DemoGrid({ cols, children }: DemoGridProps): import("react/jsx-runtime").JSX.Element;
interface PropCodeProps {
    code: string;
}
export declare function PropCode({ code }: PropCodeProps): import("react/jsx-runtime").JSX.Element;
interface ResultBoxProps {
    children: ReactNode;
}
export declare function ResultBox({ children }: ResultBoxProps): import("react/jsx-runtime").JSX.Element;
interface TestTipProps {
    children: ReactNode;
}
export declare function TestTip({ children }: TestTipProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=DocComponents.d.ts.map