import * as React from 'react';
import { IStyle, ITheme } from '../../../Styling';
import { IStyleFunctionOrObject, IRefObject } from '../../../Utilities';
export interface IShimmerGap {
}
/**
 * ShimmerGap component props.
 */
export interface IShimmerGapProps extends React.AllHTMLAttributes<HTMLElement> {
    /**
     * Optional callback to access the IShimmerGap interface. Use this instead of ref for accessing
     * the public methods and properties of the component.
     */
    componentRef?: IRefObject<IShimmerGap>;
    /**
     * Sets the height of the gap.
     * @default 16px
     */
    height?: number;
    /**
     * Sets width of the element in percentages.
     * @default 100%
     */
    widthInPercentage?: number;
    /**
     * Sets width of the element in pixels.
     * @default 50px
     */
    widthInPixel?: number;
    /**
     * Sets custom styling of the gap.
     */
    borderStyle?: IStyle;
    /**
     * Theme provided by High-Order Component.
     */
    theme?: ITheme;
    /**
     * Call to provide customized styling that will layer on top of the variant rules.
     */
    styles?: IStyleFunctionOrObject<IShimmerGapStyleProps, IShimmerGapStyles>;
}
export interface IShimmerGapStyleProps {
    height?: number;
    widthInPercentage?: number;
    widthInPixel?: number;
    borderStyle?: IStyle;
    theme: ITheme;
}
export interface IShimmerGapStyles {
    root?: IStyle;
}