import styles from './styles.module.scss'
import classNames from 'classnames'

type PillProps = {
  schema?: "base" | "contrast"
  children: JSX.Element | string | JSX.Element[]
}

export const Pill = ({ children, schema }: PillProps) => {
  return <div className={classNames({
    [styles.pill]: true,
    [styles.danger]: schema === "contrast"
  })}>{children}</div>
}
