@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
29 lines • 1.33 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/**
* Copyright (c) ACT, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import { CircularProgress } from '@mui/material';
import { StyledContainer, StyledTypography } from './styles';
export var Loading = function (_a) {
var _b = _a.circularProgressProps, circularProgressProps = _b === void 0 ? {
size: 24,
thickness: 4.5,
} : _b, style = _a.style, title = _a.title;
return (_jsxs(StyledContainer, { "aria-label": title, "data-chromatic": "ignore", "data-testid": "loading", style: style, children: [_jsx(CircularProgress, __assign({ size: 24, thickness: 4.5, title: title }, circularProgressProps)), title && _jsx(StyledTypography, { variant: "overline", children: title })] }));
};
export default Loading;
//# sourceMappingURL=index.js.map