import HelpIcon from "../icons/HelpIcon";

type HelpButtonProps = {
  handleOnHelpClick: () => void;
  className?: string;
};

const HelpButton = ({ handleOnHelpClick, className }: HelpButtonProps) => {
  return (
    <button
      className={`bg-white border border-[#C7BDBA] rounded-full flex justify-center items-center hover:bg-secondary transition-all duration-200 ${
        className ? className : "h-8 w-8"
      } `}
      onClick={handleOnHelpClick}
    >
      <HelpIcon />
    </button>
  );
};

export default HelpButton;