infinity-forge/dist/system/components/data/chat/loader/index.js

codie Library

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ChatLoader = ChatLoader;
var jsx_runtime_1 = require("react/jsx-runtime");
var ui_1 = require("../../../../../ui/index.js");
function ChatLoader() {
    return ((0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsxs)("li", { style: { marginBottom: 20 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 8, marginBottom: 5 }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'square' }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] })] }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] }), (0, jsx_runtime_1.jsxs)("li", { style: { marginBottom: 20 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 8, marginBottom: 5 }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'square' }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] })] }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] }), (0, jsx_runtime_1.jsxs)("li", { style: { marginBottom: 20 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 8, marginBottom: 5 }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'square' }), (0, jsx_runtime_1.jsxs)("div", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] })] }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' }), (0, jsx_runtime_1.jsx)(ui_1.Skeleton, { type: 'line' })] })] }));
}
//# sourceMappingURL=index.js.map