@jbrowse/core/ui/LoadingEllipses.js

JBrowse 2 core libraries used by plugins

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = LoadingEllipses;
const jsx_runtime_1 = require("react/jsx-runtime");
const material_1 = require("@mui/material");
const tss_react_1 = require("tss-react");
const mui_1 = require("tss-react/mui");
const useStyles = (0, mui_1.makeStyles)()({
    dots: {
        '&::after': {
            display: 'inline-block',
            content: '""',
            width: '1em',
            textAlign: 'left',
            animation: `${(0, tss_react_1.keyframes) `
      0% {
        content: '';
      }
      25% {
          content: '.';
      }
      50% {
        content: '..';
      }
      75% {
        content: '...';
      }
      `} 1.2s infinite ease-in-out`,
        },
    },
});
function LoadingEllipses({ message, variant = 'body2', ...rest }) {
    const { cx, classes } = useStyles();
    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { className: cx(classes.dots, rest.className), ...rest, variant: variant, children: message || 'Loading' }));
}