import React from 'react'
import classnames from 'classnames'

import './Pill.scss'

export interface PillProps {
  className?: string
  text?: string
}

export const Pill: React.FC<PillProps> = ({ children, className, text }) => {
  return (
    <span className={classnames('pill', className)}>{text || children}</span>
  )
}
