import { HelpIcon } from "./icons";

type HelpButtonProps = {
  title?: string;
  name?: string;
  id?: string;
  onClick?(): void;
};

export const HelpButton = (props: HelpButtonProps) => (
  <button
    className="help-icon"
    onClick={props.onClick}
    type="button"
    title={`${props.title} — ?`}
    aria-label={props.title}
  >
    {HelpIcon}
  </button>
);