'use client'

import type React from 'react'
import { cn } from '../../utils'
import { DrawerContent, DrawerTitle, DrawerHandle } from '../Drawer/Drawer'

const MobileMenuDrawerContent: React.FC<
  React.ComponentPropsWithoutRef<typeof DrawerContent>
> = ({ className, children, ...props }) => (
  <DrawerContent className={cn(className)} {...props}>
    <DrawerHandle />
    <div className="flex flex-col gap-4 p-6">
      <DrawerTitle className="sr-only">Menu</DrawerTitle>
      {children}
    </div>
  </DrawerContent>
)
MobileMenuDrawerContent.displayName = 'MobileMenuDrawerContent'

export { MobileMenuDrawerContent }
