import { CSSProperties } from 'react'; import { JSX } from 'react/jsx-runtime'; /** * AnimatedPath is a component that animates the paths of an SVG element. */ export declare const AnimatedPath: ({ children, className, options, trigger }: { children: React.ReactNode; className?: string; options?: Options_4; trigger?: boolean; }) => JSX.Element | null; /** * A shimmer effect component which puts a shimmering effect on the background of a div. */ export declare const BackgroundShimmer: ({ children, className, options }: { children?: React.ReactNode; className?: string; options?: Options_3; }) => JSX.Element; /** * A 3D card hover effect component which puts a 3D effect on the card when hovering over it. */ export declare const Card3D: ({ children, className, options }: { children: React.ReactNode; className?: string; options?: Options; }) => JSX.Element; /** * A mask effect component which puts a mask on the children. Useful for creating previous / next effects. */ export declare const Mask: ({ children, className, overlay, options }: { children: React.ReactNode; className?: string; overlay: React.ReactNode; options?: Options_5; }) => JSX.Element; declare type Options = { resetOnHover?: boolean; resetDuration?: number; shimmer?: { mixBlendMode?: CSSProperties["mixBlendMode"]; }; shadow?: { opacity?: CSSProperties["opacity"]; color?: CSSProperties["color"]; }; }; declare type Options_2 = { duration?: number; light?: CSSProperties["color"]; }; declare type Options_3 = { duration?: number; light?: CSSProperties["backgroundColor"]; }; declare type Options_4 = { duration?: number; delay?: number; easing?: string; repeat?: number | "infinite"; reverse?: boolean; }; declare type Options_5 = { radius?: number; blur?: number; }; /** * A shimmer effect component which puts a shimmering effect on the children. */ export declare const TextShimmer: ({ children, className, options }: { children: React.ReactNode; className?: string; options?: Options_2; }) => JSX.Element; export { }