react-vite-themes
Version:
A test/experimental React theme system created for learning purposes. Features atomic design components, SCSS variables, and dark/light theme support. Not intended for production use.
8 lines (7 loc) • 489 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import React from 'react';
import { cn } from '../../../utils';
export const Badge = ({ children, variant = 'primary', size = 'md', isRounded = false, isOutlined = false, className, ...props }) => {
const badgeClasses = cn('badge', `badge--${variant}`, `badge--${size}`, isRounded && 'badge--rounded', isOutlined && 'badge--outlined', className);
return (_jsx("span", { className: badgeClasses, ...props, children: children }));
};