nexpi-ui/lib/Badge.js

An elegant and minimalist Next.js 14 component library

import { __assign } from "tslib";
import React from 'react';
import styles from './styles/Badge.module.css';
var selectColor = function (variant) {
    switch (variant) {
        case 'notice':
            return 'var(--nxp-cian)';
        case 'info':
            return 'var(--nxp-light-violet)';
        case 'success':
            return 'var(--nxp-light-green)';
        case 'warning':
            return 'var(--nxp-yellow)';
        case 'error':
            return 'var(--nxp-light-red)';
        case 'primary':
            return 'var(--nxp-primary-color)';
        case 'secondary':
            return 'var(--nxp-secondary-color)';
        default:
            return 'var(--nxp-cian)';
    }
};
var Badge = function (_a) {
    var children = _a.children, variant = _a.variant, style = _a.style;
    return (React.createElement("div", { className: styles.badge, style: __assign({ backgroundColor: selectColor(variant ? variant : 'notice'), color: variant === 'primary' || variant === 'secondary' ? 'var(--nxp-background-color)' : 'black' }, style) }, children));
};
export default Badge;
//# sourceMappingURL=Badge.js.map