/// <reference types="react" />
import './ThemeGeneratorPage.scss';
import { BaseComponent } from 'office-ui-fabric-react/lib/Utilities';
import { IThemeSlotRule, IThemeRules } from 'office-ui-fabric-react/lib/ThemeGenerator';
export interface IThemeGeneratorPageState {
    themeRules: IThemeRules;
    colorPickerSlotRule: IThemeSlotRule | null;
    colorPickerElement: HTMLElement | null;
    colorPickerVisible: boolean;
}
export declare class ThemeGeneratorPage extends BaseComponent<{}, IThemeGeneratorPageState> {
    private _semanticSlotColorChangeTimeout;
    private _imgUrl;
    constructor(props: {});
    componentWillUnmount(): void;
    render(): JSX.Element;
    private _makeThemeFromImg();
    private _cognitiveVisionCallback(e);
    private _colorPickerOnDismiss();
    private _semanticSlotRuleChanged(slotRule, color);
    private _onSwatchClick(slotRule, ev);
    private _slotWidget(slotRule);
    private _fabricSlotWidget(fabricSlot);
    private _colorSquareSwatchWidget(slotRule);
    private _accessibilityRow(foreground, background);
    private _outputSection();
    private _makeNewTheme();
    private _baseColorSlotPicker(baseSlot, title);
}
