type PillButtonProps = {
  text: string;
  icon: JSX.Element;
  color: string;
};

function PillButton({ text, icon, color }: PillButtonProps) {
  return (
    <div
      className="flex items-center m-auto gap-3 px-6 py-2 rounded-full text-black font-medium cursor-pointer"
      style={{ backgroundColor: color }}
    >
      <span className="flex items-center justify-center size-6">{icon}</span>
      <span className="font-bold text-sm font-inter">{text}</span>
    </div>
  );
}

export default PillButton;