UNPKG

@kadconsulting/dry

Version:
8 lines 675 B
import { jsx as _jsx } from "react/jsx-runtime"; import './Badge.scss'; import classnames from 'classnames'; import { forwardRef } from 'react'; import { BadgeVariants, BadgeSizes, SemanticColorsEnum, } from './BadgeTypes'; const Badge = forwardRef(({ children, className, color = SemanticColorsEnum.Primary, size = BadgeSizes.SM, variant = BadgeVariants.MEDIUM, ...props }, ref) => (_jsx("div", { ref: ref, className: classnames(className, 'dry-badge', `dry-badge--${size}`, `dry-badge--${color}`, `dry-badge--${variant}`), ...props, children: _jsx("div", { className: 'dry-badge__content', children: children }) }))); export default Badge; //# sourceMappingURL=Badge.js.map