import styles from "./Pill.module.css";

interface PillProps {
  text: string;
  color: string;
}

export function Pill({ text, color }: PillProps) {
  return (
    <span
      className={styles.pill}
      style={{ background: `${color}22`, color }}
    >
      {text}
    </span>
  );
}