import { ReactNode } from 'react';
import { LazyMotion } from 'framer-motion';
import features from "./features";

// ----------------------------------------------------------------------

// eslint-disable-next-line import/extensions
// const loadFeatures = () => import('~/src/components/animate/features.js').then((res) => res.default);

type Props = {
  children: ReactNode;
};

export default function MotionLazyContainer({ children }: Props) {
  return (
    <LazyMotion strict features={features}>
      {children}
    </LazyMotion>
  );
}