import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import PreviewHeader from './preview-header.js';
import LoadingBar from './loading-bar.js';
import { cn } from '../../../../../scalars/lib/utils.js';
import { Icon } from '../../../icon/index.js';
import { getIconLoading } from '../utils.js';
export const PlaceHolderLoading = ({ onClose, typePreview }) => {
    const iconLoading = getIconLoading(typePreview);
    return (_jsxs("div", { className: "flex flex-col bg-white rounded-md shadow-[1px_4px_15px_0px_rgba(37, 44, 56, 0.25)] px-6 py-4 gap-4 border border-gray-200 w-full h-full", children: [_jsx(PreviewHeader, { status: "idle", onClose: onClose }), _jsx("div", { className: cn('flex-1 min-h-0 flex flex-col items-center justify-center bg-gray-100 w-full overflow-auto rounded-md'), children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-6", children: [_jsx("div", { className: "relative", children: _jsx(Icon, { name: iconLoading, size: 256, className: "text-gray-300" }) }), _jsxs("div", { className: "flex flex-col items-center justify-center gap-4", children: [_jsx("h3", { className: "text-xl font-bold leading-6 text-gray-500", children: "Loading" }), _jsx(LoadingBar, { progress: 50, className: "w-[375px]" })] })] }) })] }));
};
//# sourceMappingURL=placeholder-loading.js.map