import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from '../../../../../scalars/lib/utils.js';
import { Icon } from '../../../icon/index.js';
import { getBrokenFileIcon } from '../utils.js';
import PreviewHeader from './preview-header.js';
export const PlaceHolderCorrupted = ({ onClose, className, typePreview }) => {
    const iconBroken = getBrokenFileIcon(typePreview);
    return (_jsxs("div", { className: cn('flex flex-col bg-white rounded-md shadow-[1px_4px_15px_0px_rgba(74,88,115,0.25)] px-6 py-4 gap-4 w-full h-full', className), children: [_jsx(PreviewHeader, { status: "error", onClose: onClose, title: "Corrupted File" }), _jsx("div", { className: "flex flex-col items-center justify-center bg-gray-100 w-full rounded-md overflow-hidden flex-1", children: _jsx("div", { className: "relative", children: _jsx(Icon, { name: iconBroken, size: 128, className: "text-gray-300" }) }) }), _jsx("div", { className: "border-gray-200", children: _jsx("p", { className: "text-xs text-red-900 font-normal leading-4.5", children: "Your file is corrupted and cannot be shown in the preview" }) })] }));
};
//# sourceMappingURL=placeholder-corrupted.js.map