'use client' import * as React from 'react' import * as DialogPrimitive from '@radix-ui/react-dialog' import { cn } from "@/lib/utils" const VideoModal = DialogPrimitive.Root const VideoModalTrigger = DialogPrimitive.Trigger const VideoModalPortal = DialogPrimitive.Portal const VideoModalClose = DialogPrimitive.Close const VideoModalOverlay = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) VideoModalOverlay.displayName = DialogPrimitive.Overlay.displayName const VideoModalContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => (

{/* Mobile close button */}

{/* Desktop close button */}

{children}

)) VideoModalContent.displayName = DialogPrimitive.Content.displayName const VideoModalTitle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) VideoModalTitle.displayName = DialogPrimitive.Title.displayName const VideoModalDescription = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) VideoModalDescription.displayName = DialogPrimitive.Description.displayName const VideoPreview = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, children, ...props }, ref) => (

{children}

)) VideoPreview.displayName = 'VideoPreview' const VideoPlayButton = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, children, ...props }, ref) => (

{children}

)) VideoPlayButton.displayName = 'VideoPlayButton' const VideoPlayer = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, children, ...props }, ref) => { const [isPlaying, setIsPlaying] = React.useState(false) return (

setIsPlaying(true)} {...props} > {children}

) }) VideoPlayer.displayName = 'VideoPlayer' const VideoModalVideo = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, children, ...props }, ref) => (

{children}

)) VideoModalVideo.displayName = 'VideoModalVideo' const CloseIcon = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef & { isMobile?: boolean } >(({ className, isMobile = false, ...props }, ref) => ( Close )) CloseIcon.displayName = 'CloseIcon' export { VideoModal, VideoModalTrigger, VideoModalContent, VideoModalTitle, VideoModalDescription, VideoModalVideo, VideoPreview, VideoPlayButton, VideoPlayer, }