import { FunctionComponent, ReactNode } from 'react';
export declare const CodeBase: FunctionComponent<{
    children: ReactNode;
}>;
export declare const Code: FunctionComponent<{
    children: ReactNode;
}> & {
    Row: FunctionComponent<{
        indent: number;
        children: ReactNode;
    }>;
    Text: FunctionComponent<{}>;
    Input: FunctionComponent<{
        label: string;
        name: string;
        value?: string | undefined;
        onChange: (value: string) => boolean;
        size: 'sm' | 'md';
    }>;
    Select: FunctionComponent<{
        label: string;
        name: string;
        value?: string | undefined;
        options: {
            label: string;
            value: string;
        }[];
        className?: string | undefined;
        onChange: (value: string) => void;
        size: 'sm' | 'md';
    }>;
};
export declare const codeStyles: (() => null) & {
    font: {
        (variantOptions: Object): string;
        toString: any;
    };
    inputWrapper: {
        (variantOptions: Object): string;
        toString: any;
    };
    input: {
        (variantOptions: Object): string;
        toString: any;
    };
};
export declare const CodeSnippet: FunctionComponent<{
    children: ReactNode;
}>;
