@stratakit/bricks
Version:
Small, modular components for StrataKit
55 lines (54 loc) • 1.51 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import { Role } from "@ariakit/react/role";
import { forwardRef } from "@stratakit/foundations/secret-internals";
import cx from "classnames";
import VisuallyHidden from "./VisuallyHidden.js";
const Spinner = forwardRef((props, forwardedRef) => {
const {
alt = "Loading\u2026",
size = "medium",
tone = "neutral",
...rest
} = props;
return /* @__PURE__ */ jsxs(
Role,
{
...rest,
"data-kiwi-size": size,
"data-kiwi-tone": tone,
"data-kiwi-variant": "indeterminate",
className: cx("\u{1F95D}-spinner", props.className),
ref: forwardedRef,
children: [
/* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", className: "\u{1F95D}-spinner-svg", viewBox: "0 0 16 16", children: [
/* @__PURE__ */ jsx(
"circle",
{
pathLength: "100",
className: "\u{1F95D}-spinner-svg-track",
cx: "8",
cy: "8",
r: "6.5"
}
),
/* @__PURE__ */ jsx(
"circle",
{
pathLength: "100",
className: "\u{1F95D}-spinner-svg-fill",
cx: "8",
cy: "8",
r: "6.5"
}
)
] }),
/* @__PURE__ */ jsx(VisuallyHidden, { children: alt })
]
}
);
});
DEV: Spinner.displayName = "Spinner";
var Spinner_default = Spinner;
export {
Spinner_default as default
};