import type React from 'react'
import { cn } from '../../utils/cn'

type MainProps = React.ComponentProps<'main'> & {
  ref?: React.Ref<HTMLElement>
}

const Main = ({ className, ref, ...props }: MainProps) => {
  return (
    <main ref={ref} className={cn('min-h-svh min-w-0', className)} {...props} />
  )
}
Main.displayName = 'Main'

export { Main }