UNPKG

@anoki/fse-ui

Version:

FSE UI components library

18 lines (17 loc) 1.46 kB
import * as e from "react"; import p from "./index.es541.js"; import { Flex as r } from "./index.es543.js"; import { spinnerPropDefs as c } from "./index.es561.js"; import { extractProps as o } from "./index.es544.js"; import { marginPropDefs as f } from "./index.es546.js"; const E = e.forwardRef((t, s) => { const { className: i, children: a, loading: l, ...m } = o(t, c, f); if (!l) return a; const n = e.createElement("span", { ...m, ref: s, className: p("rt-Spinner", i) }, e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" }), e.createElement("span", { className: "rt-SpinnerLeaf" })); return a === void 0 ? n : e.createElement(r, { asChild: !0, position: "relative", align: "center", justify: "center" }, e.createElement("span", null, e.createElement("span", { "aria-hidden": !0, style: { display: "contents", visibility: "hidden" }, inert: void 0 }, a), e.createElement(r, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0" }, e.createElement("span", null, n)))); }); E.displayName = "Spinner"; export { E as Spinner }; //# sourceMappingURL=index.es560.js.map