import React from "react";

export default function Badge({
  title,
  iconPath,
  onClick,
}: {
  title: string;
  iconPath?: string;
  onClick?: () => void;
}) {
  return (
    <div
      className="h200"
      style={{
        background: "var(--accent02)",
        borderRadius: 8,
        padding: "5px 7px 5px 5px",
        display: "flex",
        alignItems: "center",
        gap: "3px",
        cursor: "pointer",
      }}
      onClick={onClick}
    >
      {iconPath && <img src={iconPath} height={20} width={20} />}
      {title}
    </div>
  );
}