import React from "react";
import { Layout } from "../../../settings/enums/Layout";
interface IProps {
}
interface IState {
    browserFontSize: number;
    fontSizeDelta: number;
    useCustomFontSize: boolean;
    layout: Layout;
    userId?: string;
    displayName?: string;
    avatarUrl?: string;
}
export default class FontScalingPanel extends React.Component<IProps, IState> {
    private readonly MESSAGE_PREVIEW_TEXT;
    /**
     * Font sizes available (in px)
     */
    private readonly sizes;
    private layoutWatcherRef?;
    private unmounted;
    constructor(props: IProps);
    componentDidMount(): Promise<void>;
    componentWillUnmount(): void;
    /**
     * Save the new font size
     * @param delta
     */
    private onFontSizeChanged;
    /**
     * Compute the difference between the selected font size and the browser font size
     * @param fontSize
     */
    private computeDeltaFontSize;
    render(): React.ReactNode;
}
export {};
