@veecode-platform/plugin-kong-service-manager
Version:
13 lines (10 loc) • 1.57 kB
JavaScript
import React from 'react';
import { Content } from '@backstage/core-components';
import { usePluginListSkeletonStyles } from './styles.esm.js';
import { Skeleton } from '@material-ui/lab';
const PluginListSkeleton = () => {
const { content, gridCard, titleBar, title, card } = usePluginListSkeletonStyles();
return /* @__PURE__ */ React.createElement(Content, { className: content }, /* @__PURE__ */ React.createElement("div", { className: titleBar }, /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", animation: "wave", width: "200px", height: "32px", className: title })), /* @__PURE__ */ React.createElement("div", { className: gridCard }, /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", animation: "wave", width: "369px", height: "352px", className: card }), /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", animation: "wave", width: "369px", height: "352px", className: card }), /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", animation: "wave", width: "369px", height: "352px", className: card }), /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", animation: "wave", width: "369px", height: "352px", className: card }), /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", animation: "wave", width: "369px", height: "352px", className: card }), /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", animation: "wave", width: "369px", height: "352px", className: card })));
};
export { PluginListSkeleton };
//# sourceMappingURL=PluginListSkeleton.esm.js.map