aboutsummaryrefslogtreecommitdiffstats
path: root/packages/excalidraw/components/HelpButton.tsx
diff options
context:
space:
mode:
authorkj_sh6042026-03-15 16:19:35 -0400
committerkj_sh6042026-03-15 16:19:35 -0400
commit6ec259a0e71174651bae95d4628138bf6fd68742 (patch)
tree5e33c6a5ec091ecabfcb257fdc7b6a88ed8754ac /packages/excalidraw/components/HelpButton.tsx
parent16c8578b15c727f22921f8a80a56ee4d4e7f2272 (diff)
refactor: packages/
Diffstat (limited to 'packages/excalidraw/components/HelpButton.tsx')
-rw-r--r--packages/excalidraw/components/HelpButton.tsx20
1 files changed, 20 insertions, 0 deletions
diff --git a/packages/excalidraw/components/HelpButton.tsx b/packages/excalidraw/components/HelpButton.tsx
new file mode 100644
index 0000000..ce38724
--- /dev/null
+++ b/packages/excalidraw/components/HelpButton.tsx
@@ -0,0 +1,20 @@
+import { t } from "../i18n";
+import { HelpIcon } from "./icons";
+
+type HelpButtonProps = {
+ name?: string;
+ id?: string;
+ onClick?(): void;
+};
+
+export const HelpButton = (props: HelpButtonProps) => (
+ <button
+ className="help-icon"
+ onClick={props.onClick}
+ type="button"
+ title={`${t("helpDialog.title")} — ?`}
+ aria-label={t("helpDialog.title")}
+ >
+ {HelpIcon}
+ </button>
+);