nexpi-ui
Version:
An elegant and minimalist Next.js 14 component library
31 lines • 1.07 kB
JavaScript
import { __assign } from "tslib";
import styles from './styles/Spinner.module.css';
import React from 'react';
var selectColor = function (variant) {
switch (variant) {
case 'notice':
return 'var(--nxp-blue)';
case 'info':
return 'var(--nxp-violet)';
case 'success':
return 'var(--nxp-green)';
case 'warning':
return 'var(--nxp-orange)';
case 'error':
return 'var(--nxp-red)';
case 'void':
return 'transparent';
case 'primary':
return 'var(--nxp-primary-color)';
case 'secondary':
return 'var(--nxp-secondary-color)';
default:
return 'var(--nxp-cian)';
}
};
var Spinner = function (_a) {
var style = _a.style, variant = _a.variant;
return (React.createElement("div", { style: __assign(__assign({}, style), { borderTop: '4px solid ' + selectColor(variant ? variant : 'secondary') }), className: styles.spinner }));
};
export default Spinner;
//# sourceMappingURL=Spinner.js.map