const Tab = ({ text, active, count, onClick }) => (
  <button
    onClick={onClick}
    className={`pb-4 px-2 relative ${
      active
        ? 'text-emerald-600 border-b-2 border-emerald-600'
        : 'text-gray-600'
    }`}
  >
    {text}
  </button>
);
export default Tab;
