import { type ReactNode } from 'react'; export interface ReducedMotionContextValue { disableAnimations: boolean; } export interface ReducedMotionProviderProps { /** The subtree to opt out of animation */ children: ReactNode; /** * Force-disable animations regardless of the OS preference * @default false */ disableAnimations?: boolean; } /** * Opts a subtree out of animation. The JS channel (`useReducedMotion()`) is * scoped to this provider's React subtree; the CSS channel (the * `motion-reduce:` variant) is driven by a `data-disable-animations` attribute * written to ``, so it applies page-wide while mounted and covers * portaled popups. * * Optional - components already respect the OS `prefers-reduced-motion` * preference with no provider. Reach for this only to force-disable animations. */ export declare function ReducedMotionProvider({ children, disableAnimations }: ReducedMotionProviderProps): import("react").JSX.Element; export declare function useReducedMotionContext(): ReducedMotionContextValue; //# sourceMappingURL=reduced-motion-provider.d.ts.map