import * as React from 'react';
import { IExampleCardProps } from './ExampleCard.types';
export interface IExampleCardState {
    /** only used if props.isCodeVisible and props.onToggleEditor are undefined */
    isCodeVisible: boolean;
    schemeIndex: number;
    themeIndex: number;
    /** State of the code as of the last time the code viewer was opened or closed. */
    latestCode: string;
}
export declare class ExampleCardBase extends React.Component<IExampleCardProps, IExampleCardState> {
    private _monacoModelRef;
    /**
     * Transformed version of the initial `props.code` for editing and/or export to codepen,
     * if the code is "valid" for transform purposes.
     */
    private _transformedInitialCode;
    private _themeCustomizations;
    private _themeOptions;
    private _classNames;
    private _activeCustomizations;
    private _isStrict;
    constructor(props: IExampleCardProps);
    render(): JSX.Element;
    private _getDosAndDonts;
    private _getPreviewComponent;
    private _onSchemeChange;
    private _onThemeChange;
    private _transformCode;
    private _getCodepenContent;
    private _onToggleCodeClick;
}
export declare const ExampleCard: React.FunctionComponent<IExampleCardProps>;