import * as React from 'react';
import { CSSProperties } from 'react';
import { AdaptableApi } from '../../Api/AdaptableApi';
import { AdaptableStyle } from '../../AdaptableState/Common/AdaptableStyle';
export interface StyleComponentProps extends React.ClassAttributes<StyleComponent> {
    className?: string;
    style?: CSSProperties;
    api: AdaptableApi;
    headless?: boolean;
    hidePreview?: boolean;
    Style: AdaptableStyle;
    showFontSizeAs?: 'radio' | 'dropdown';
    UpdateStyle: (style: AdaptableStyle) => void;
}
export interface StyleComponentState {
    componentStyle: AdaptableStyle;
    ShowClassName: boolean;
}
export declare class StyleComponent extends React.Component<StyleComponentProps, StyleComponentState> {
    constructor(props: StyleComponentProps);
    static getDerivedStateFromProps(nextProps: StyleComponentProps, prevState: StyleComponentState): {
        componentStyle: AdaptableStyle;
    };
    render(): React.JSX.Element;
    onShowClassNameChanged: (checked: boolean) => void;
    private onStyleClassNameChanged;
    private onUseBackColorCheckChange;
    private onUseForeColorCheckChange;
    private onUseBorderColorCheckChange;
    private onUseFontSizeCheckChange;
    private onBackColorSelectChange;
    private onForeColorSelectChange;
    private onBorderColorSelectChange;
    private onFontWeightChange;
    private onFontStyleChange;
    private onTextDecorationChange;
    private onBorderRadiusChange;
    private onFontSizeChange;
}