"use client"

import { useMemo } from "react"
import { cn } from "@/lib/utils"

export function MeetRoomFrame({
  meetUrl,
  className,
}: {
  meetUrl: string
  className?: string
}) {
  const src = useMemo(() => meetUrl.trim(), [meetUrl])

  if (!src) return null

  return (
    <iframe
      title="UltiMeet"
      src={src}
      allow="camera; microphone; display-capture; autoplay; clipboard-write; fullscreen"
      className={cn("min-h-0 w-full flex-1 border-0 bg-black", className)}
    />
  )
}