Transition

import Transition from '@/components/ui/transition';

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <Transition
      intro={
        <div className='text-center text-white dark:text-black'>
          <h1 className='text-3xl font-bold'>Welcome!</h1>
        </div>
      }
      introDuration={2}
      transitionDuration={1}
      type='curved'
      direction='bottom'
    >
      {children}
    </Transition>
  );
}