import React from 'react' ; import classNames from 'classnames' ; import './value_badge.scss' ; interface Props { children : React . ReactNode ; disabled ? : boolean ; } export const ValueBadge = ( { children , disabled = false } ) => { const className = classNames ( 'valueBadge' , { 'valueBadge--disabled' : disabled , } ) ; return < span className = { className } > { children } < /span>; } ;