import { SxProps, Theme } from '@mui/material';
import { PropsWithChildren } from 'react';
export interface TiltProps {
    /**
     * Maximum rotation angle in degrees
     * @default 20
     */
    rotationRange?: number;
    /**
     * Whether to show the sheen effect on tilt
     * @default false
     */
    showSheen?: boolean;
    /**
     * Additional CSS styles using MUI's sx prop format
     */
    sx?: SxProps<Theme>;
    /**
     * Callback for when the element is clicked
     */
    onClick?: () => void;
    /**
     * Callback for when the mouse enters the element
     */
    onMouseEnter?: () => void;
    /**
     * Callback for when the mouse leaves the element
     */
    onMouseLeave?: () => void;
    /**
     * Scale factor to apply on hover. Pass a number greater than 1 for a zoom effect.
     * @default undefined (no scaling)
     */
    scaleOnHover?: number;
    /**
     * Badge component to be shown on the button
     */
    badge?: React.ReactNode;
}
/**
 * A wrapper component that adds 3D tilt effect to its children based on mouse position
 */
export declare const Tilt: ({ children, rotationRange, showSheen, scaleOnHover, sx, onClick, onMouseEnter, onMouseLeave, badge, }: PropsWithChildren<TiltProps>) => import("react/jsx-runtime").JSX.Element;
