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 PreviewAudio = ({ 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: "Audio Preview" }), _jsx("div", { className: "flex-1 flex items-center justify-center", children: _jsx("audio", { src: preview, controls: true, className: "w-full", "aria-label": "Audio player", children: _jsx("p", { children: "Your browser does not support the audio preview." }) }) })] }));
};
export default PreviewAudio;
//# sourceMappingURL=preview-audio.js.map