20 lines
461 B
TypeScript
20 lines
461 B
TypeScript
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 |