import { motion } from 'framer-motion'

import { cn } from '@/lib/utils'

import type { FC, ReactNode } from 'react'

type Props = {
    children:   ReactNode
    className?: string }


const MainArea: FC<Props> = ({ children, className }) => (
    <motion.main
	transition={{ layout: { duration: .2, ease: 'easeOut' } }}
	className={cn ('flex-1 overflow-y-auto p-4', className)}
	layout="position">
      {children}
    </motion.main>)

export default MainArea