import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from '../../../../../scalars/lib/utils.js';
import PreviewHeader from './preview-header.js';
const PreviewVideo = ({ onClose = () => null, preview, className }) => {
    return (_jsxs("div", { className: cn('flex flex-col bg-white rounded-md shadow-[1px_4px_15px_0px_rgba(74,88,15,0.25)] px-6 py-4 gap-4 w-full h-full', className), children: [_jsx(PreviewHeader, { status: "idle", onClose: onClose, title: "Video Preview" }), _jsx("div", { className: "flex-1 flex justify-center items-center rounded-md overflow-hidden", children: _jsx("video", { src: preview, controls: true, "aria-label": "Video player", className: "w-full h-full rounded-md overflow-hidden object-contain", children: _jsx("p", { children: "Your browser does not support the video preview." }) }) })] }));
};
export default PreviewVideo;
//# sourceMappingURL=preview-video.js.map