import * as React from 'react';
import { DirectionalHint } from 'office-ui-fabric-react/lib/ContextualMenu';
import { TextField } from 'office-ui-fabric-react/lib/TextField';
import './ContextualMenuExample.scss';
export interface IContextualMenuDirectionalExampleState {
    isContextualMenuVisible?: boolean;
    directionalHint?: DirectionalHint;
    directionalHintForRTL?: DirectionalHint;
    useDirectionalHintForRtl?: boolean;
    isBeakVisible?: boolean;
    gapSpace?: number;
    beakWidth?: number;
    edgeFixed?: boolean;
}
export declare class ContextualMenuDirectionalExample extends React.Component<{}, IContextualMenuDirectionalExampleState> {
    refs: {
        [key: string]: React.ReactInstance;
        menuButton: HTMLElement;
        gapSize: TextField;
    };
    constructor();
    render(): JSX.Element;
    private _onShowBeakChange(ev, isVisible);
    private _onFixEdgeChange(ev, isVisible);
    private _onUseRtlHintChange(ev, isVisible);
    private _onShowMenuClicked();
    private _onDirectionalChanged(option);
    private _onDirectionalRtlChanged(option);
    private _onGapSlider(value);
    private _onBeakWidthSlider(value);
}