import { ComponentPropsWithoutRef, ElementType } from 'react';
import { RoundedSizes } from '../../types';
import { DirectionHoverTheme } from './theme';
export type DirectionHoverProps<T extends ElementType = "button"> = {
    imageUrl: string;
    children: React.ReactNode | string;
    childrenClassName?: string;
    imageClassName?: string;
    rounded?: RoundedSizes;
    alt?: string;
    className?: string;
    theme?: Partial<DirectionHoverTheme>;
    speed?: number;
} & ComponentPropsWithoutRef<T>;
export declare const getDirection: (ev: React.MouseEvent<HTMLButtonElement>, obj: HTMLElement) => number;
export declare const directionHoverVariants: (speed: number) => {
    initial: {
        x: number;
    };
    exit: {
        x: number;
        y: number;
    };
    top: {
        y: number;
    };
    bottom: {
        y: number;
    };
    left: {
        x: number;
    };
    right: {
        x: number;
    };
};
export declare const directionHoverTextVariants: (speed: number) => {
    initial: {
        y: number;
        x: number;
        opacity: number;
    };
    exit: {
        y: number;
        x: number;
        opacity: number;
    };
    top: {
        y: number;
        opacity: number;
    };
    bottom: {
        y: number;
        opacity: number;
    };
    left: {
        x: number;
        opacity: number;
    };
    right: {
        x: number;
        opacity: number;
    };
};
//# sourceMappingURL=types.d.ts.map