sccoreui
Version:
ui-sccore
11 lines (10 loc) • 1.6 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
require("./loader-indicator.scss");
const loading_indicator_custom_1 = tslib_1.__importDefault(require("../../components/loading-indicator/loading-indicator-custom"));
const LoaderIndicatorComponent = () => {
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "flex bg-gray-200 p-3 justify-content-center mb-4" }, { children: "Loader-Indicator" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "grid" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col-12 md:col-4 flex " }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "pl-8 flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)(loading_indicator_custom_1.default, { bgStrokeColor: "var(--gray-100)", bgStroke: true, size: "28px" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 text-base font-medium" }, { children: "Loading..." }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "pl-8 flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)(loading_indicator_custom_1.default, { bgStrokeColor: "var(--gray-100)", bgStroke: true, size: "42px" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-gray-700 text-base font-medium" }, { children: "Loading..." }))] }))] })) }))] }));
};
exports.default = LoaderIndicatorComponent;