import classNames from 'classnames' ; export type PillProps = { children : React . ReactNode ; color ? : 'nebula' | 'neutral' ; } ; export function Pill ( { children , color = 'neutral' } ) { return ( < div className = { classNames ( 'inline-flex justify-between items-center gap-3 body-regular p-2 border rounded-sm' , color === 'neutral' && 'bg-neutral-lightest border-neutral-dark' , color === 'nebula' && 'bg-nebula-lightest border-brand-nebula' ) } > { children } < /div>); }