init

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 type { MouseEventHandler } from "react";
 
import { IconCommentLinkTo, IconSend } from "@humansignal/icons";
import { Tooltip } from "@humansignal/ui";
import { cn } from "../../../utils/bem";
import "./CommentFormButtons.scss";
 
export const CommentFormButtons = ({
  region,
  linking,
  onLinkTo,
}: { region: any; linking: boolean; onLinkTo?: MouseEventHandler<HTMLElement> }) => (
  <div className={cn("comment-form-buttons").toClassName()}>
    <div className={cn("comment-form-buttons").elem("buttons").toClassName()}>
      {onLinkTo && !region && (
        <Tooltip title="Link to...">
          <button
            type="button"
            className={cn("comment-form-buttons").elem("action").mod({ highlight: linking }).toClassName()}
            onClick={onLinkTo}
          >
            <IconCommentLinkTo />
          </button>
        </Tooltip>
      )}
      <button type="submit" className={cn("comment-form-buttons").elem("action").toClassName()}>
        <IconSend />
      </button>
    </div>
  </div>
);