"use client";

import type { ReactNode } from "react";
import { LazyMotion } from "motion/react";

// Lazily code-split the motion feature bundle out of First Load JS.
const loadFeatures = () =>
  import("./motion-features").then((mod) => mod.default);

export const MotionProvider = ({ children }: { children: ReactNode }) => (
  <LazyMotion features={loadFeatures} strict>
    {children}
  </LazyMotion>
);