/**
 * @remarks
 * The button should contain another element with the class of `.hvr-icon` for the icon animations to work
 *
 * @example
 * ```
 *  import {iconTransitions} from 'react-styled-hover';
 *
 *  let StyledButton = styled.button`
 *    ${iconTransitions.hvrFade}
 *    ...other styles
 *  `
 *  let IconButton = () => {
 *    return (
 *      <StyledButton>
 *        <img src="#" className="hvr-icon" />
 *      </StyledButton>
 *    );
 * }
 * ```

 */
declare const iconTransitions: {
    hvrIconBack: string;
    hvrIconForward: string;
    hvrIconDown: import("styled-components").FlattenSimpleInterpolation;
    hvrIconUp: import("styled-components").FlattenSimpleInterpolation;
    hvrIconSpin: string;
    hvrIconDrop: import("styled-components").FlattenSimpleInterpolation;
    hvrIconFade: string;
    hvrIconFloatAway: import("styled-components").FlattenSimpleInterpolation;
    hvrIconSinkAway: import("styled-components").FlattenSimpleInterpolation;
    hvrIconGrow: string;
    hvrIconShrink: string;
    hvrIconPulse: import("styled-components").FlattenSimpleInterpolation;
    hvrIconPulseGrow: import("styled-components").FlattenSimpleInterpolation;
    hvrIconPulseShrink: import("styled-components").FlattenSimpleInterpolation;
    hvrIconPush: import("styled-components").FlattenSimpleInterpolation;
    hvrIconPop: import("styled-components").FlattenSimpleInterpolation;
    hvrIconBounce: string;
    hvrIconRotate: string;
    hvrIconGrowRotate: string;
    hvrIconFloat: string;
    hvrIconSink: string;
    hvrIconBob: import("styled-components").FlattenSimpleInterpolation;
    hvrIconHang: import("styled-components").FlattenSimpleInterpolation;
    hvrIconWobbleHorizontal: import("styled-components").FlattenSimpleInterpolation;
    hvrIconWobbleVertical: import("styled-components").FlattenSimpleInterpolation;
    hvrIconBuzz: import("styled-components").FlattenSimpleInterpolation;
    hvrBuzzOut: import("styled-components").FlattenSimpleInterpolation;
};
export default iconTransitions;