17 lines
397 B
TypeScript
17 lines
397 B
TypeScript
import styles from './Badge.module.css';
|
|
|
|
export interface BadgeProps {
|
|
variant: 'good' | 'warning' | 'danger' | 'gray';
|
|
children: React.ReactNode;
|
|
dot?: boolean;
|
|
}
|
|
|
|
export function Badge({ variant, children, dot = true }: BadgeProps) {
|
|
return (
|
|
<span className={`${styles.badge} ${styles[variant]}`}>
|
|
{dot && <span className={styles.dot} />}
|
|
{children}
|
|
</span>
|
|
);
|
|
}
|