@heycar-uikit/core
Version:
The React UI library from HeyCar
17 lines (12 loc) • 810 B
JavaScript
import React from 'react';
var styles = {"badge":"badge__badge_1smar","leftIcon":"badge__leftIcon_1smar"};
require('./styles/default.css');
var styleVariants = {"badge_primary":"badge__badge_primary_obl0r","badge_secondary":"badge__badge_secondary_obl0r","badge_tertiary":"badge__badge_tertiary_obl0r"};
require('./styles/variant.css');
const Badge = React.forwardRef(({ children, color = 'primary', leftIcon, dataTestId, Component = 'div', ...restProps }, ref) => {
return (React.createElement(Component, { className: `${styleVariants[`badge_${color}`]} ${styles.badge}`, "data-test-id": dataTestId, ref: ref, ...restProps },
leftIcon && React.createElement("span", { className: styles.leftIcon }, leftIcon),
children));
});
Badge.displayName = 'Badge';
export { Badge as default };