@redocly/theme
Version:
Shared UI components lib
27 lines • 1.22 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Loading = Loading;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const utils_1 = require("../../core/utils");
const Spinner_1 = require("../../icons/Spinner/Spinner");
const hooks_1 = require("../../core/hooks");
const LoadingMessage = styled_components_1.default.div `
font-family: helvetica, sans, sans-serif;
width: 100%;
text-align: center;
font-size: 25px;
margin: 30px 0 20px 0;
color: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
`;
function Loading({ color }) {
const { useTranslate } = (0, hooks_1.useThemeHooks)();
const { translate } = useTranslate();
return (react_1.default.createElement("div", { style: { textAlign: 'center' } },
react_1.default.createElement(LoadingMessage, { color: color }, translate('loaders.loading', 'Loading...')),
react_1.default.createElement(Spinner_1.Spinner, { color: color })));
}
//# sourceMappingURL=Loading.js.map