import { ICSSInJSStyle, SiteVariablesPrepared } from '@fluentui/styles';
import * as React from 'react';
declare type CSSBorderStyles = Pick<ICSSInJSStyle, 'borderWidth' | 'borderRadius'>;
declare type BorderFocusStyles = CSSBorderStyles & {
    variables?: SiteVariablesPrepared | {
        borderWidth: string;
        borderRadius: string;
        focusInnerBorderColor: string;
        focusOuterBorderColor: string;
        zIndexes: {
            foreground: string;
        };
    };
    focusInnerBorderColor?: string;
    focusOuterBorderColor?: string;
    borderPadding?: React.CSSProperties['padding'];
};
/**
 * Returns style object that can be used for styling components on focus state.
 * NOTE: the element where this is used needs to have relative positioning so that the
 * pseudo elements created on focus can be properly positioned.
 */
export declare const getBorderFocusStyles: (args: BorderFocusStyles) => ICSSInJSStyle;
export {};