@penaprieto/design-system
Version:
Multi-brand React design system with design tokens from Figma
18 lines (17 loc) • 828 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Spinner = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
require("./Spinner.css");
const Spinner = ({ size = 'medium', color = 'primary', className = '', }) => {
const rootClassName = [
'ds-spinner',
`ds-spinner--${size}`,
`ds-spinner--${color}`,
className,
]
.filter(Boolean)
.join(' ');
return ((0, jsx_runtime_1.jsx)("div", { className: rootClassName, role: "status", "aria-label": "Cargando", children: (0, jsx_runtime_1.jsx)("svg", { className: "ds-spinner__svg", viewBox: "0 0 50 50", children: (0, jsx_runtime_1.jsx)("circle", { className: "ds-spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5" }) }) }));
};
exports.Spinner = Spinner;