@maherunlocker/custom-react-table
Version:
dynamic table based on react table v7
13 lines • 1.57 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styled from 'styled-components';
const StyledLoading = styled('div') `
display: flex !important;
flex-direction: row !important;
margin-top: 20% !important;
justify-content: center !important;
z-index: 1050 !important; ;
`;
export default function LoadingDataAnimation() {
return (_jsxs(StyledLoading, { children: [_jsx("div", Object.assign({ className: "spinner-grow text-primary", role: "status" }, { children: _jsx("span", { className: "sr-only" }) })), _jsx("div", Object.assign({ className: "spinner-grow text-secondary", role: "status" }, { children: _jsx("span", { className: "sr-only" }) })), _jsx("div", Object.assign({ className: "spinner-grow text-success", role: "status" }, { children: _jsx("span", { className: "sr-only" }) })), _jsx("div", Object.assign({ className: "spinner-grow text-danger", role: "status" }, { children: _jsx("span", { className: "sr-only" }) })), _jsx("div", Object.assign({ className: "spinner-grow text-warning", role: "status" }, { children: _jsx("span", { className: "sr-only" }) })), _jsx("div", Object.assign({ className: "spinner-grow text-info", role: "status" }, { children: _jsx("span", { className: "sr-only" }) })), _jsx("div", Object.assign({ className: "spinner-grow text-light", role: "status" }, { children: _jsx("span", { className: "sr-only" }) })), _jsx("div", Object.assign({ className: "spinner-grow text-dark", role: "status" }, { children: _jsx("span", { className: "sr-only" }) }))] }));
}
//# sourceMappingURL=index.js.map