Bin
2025-12-16 9e0b2ba2c317b1a86212f24cbae3195ad1f3dbfa
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import { Button, type ButtonProps } from "@humansignal/ui";
import type { HotkeyList } from "libs/editor/src/core/Hotkey";
import { type FC, forwardRef } from "react";
import { WithHotkey } from "../../../common/Hotkey/WithHotkey";
 
export const RegionControlButton: FC<
  ButtonProps & {
    hotkey: HotkeyList;
  }
> = forwardRef(({ children, onClick, variant, look, tooltip, hotkey, ...props }, ref) => {
  return (
    <WithHotkey binging={hotkey}>
      <Button
        {...props}
        ref={ref}
        onClick={(e) => {
          e.stopPropagation();
          onClick?.(e);
        }}
        variant={variant}
        look={look}
        size="smaller"
        style={{ ...(props.style ?? {}) }}
        aria-label={typeof children === "string" ? children : "Region control"}
        tooltip={tooltip}
      >
        {children}
      </Button>
    </WithHotkey>
  );
});