@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
16 lines (15 loc) • 1.09 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import classNames from "classnames";
const sizeToClassNameMap = {
xs: "vuiSpinner--xs",
s: "vuiSpinner--s",
m: "vuiSpinner--m",
l: "vuiSpinner--l",
xl: "vuiSpinner--xl",
xxl: "vuiSpinner--xxl",
xxxl: "vuiSpinner--xxxl"
};
export const VuiSpinner = ({ color = "subdued", size = "m" }) => {
const classes = classNames("vuiSpinner", sizeToClassNameMap[size], `vuiSpinner--${color}`);
return (_jsx("span", Object.assign({ className: classes }, { children: _jsx("svg", Object.assign({ version: "1.1", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 50 50" }, { children: _jsx("path", Object.assign({ fill: "#000", d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" }, { children: _jsx("animateTransform", { attributeType: "xml", attributeName: "transform", type: "rotate", from: "0 25 25", to: "360 25 25", dur: "0.6s", repeatCount: "indefinite" }) })) })) })));
};