import { FC } from "react" ; import { classNames } from "v2/utils" ; interface Props { active ? : boolean ; } const FarmsBadge = ( { active } ) => { return ( < div className = { classNames ( active ? "bg-green" : "bg-gray-outline" , "rounded-xl py-1 px-2" ) } > < span className = { classNames ( active ? "text-black" : "text-gray-outline-light" , "block font-title font-bold text-sm text-center leading-none" ) } > S < /span> < /div>); } ; export default FarmsBadge ;