d6cd8b78f1
* feat: decouple package deps and introduce yarn workspaces * update root directory * fix * fix scripts * fix lint * update path in scripts * remove yarn.lock files from packages * ignore workspace * dummy * dummy * remove comment check * revert workflow changes * ignore ws when installing gh actions * remove log * update path * fix * fix typo
33 lines
813 B
TypeScript
33 lines
813 B
TypeScript
import "./ToolIcon.scss";
|
|
|
|
import clsx from "clsx";
|
|
import { ToolButton } from "./ToolButton";
|
|
import { handIcon } from "./icons";
|
|
import { KEYS } from "../keys";
|
|
|
|
type LockIconProps = {
|
|
title?: string;
|
|
name?: string;
|
|
checked: boolean;
|
|
onChange?(): void;
|
|
isMobile?: boolean;
|
|
};
|
|
|
|
export const HandButton = (props: LockIconProps) => {
|
|
return (
|
|
<ToolButton
|
|
className={clsx("Shape", { fillable: false })}
|
|
type="radio"
|
|
icon={handIcon}
|
|
name="editor-current-shape"
|
|
checked={props.checked}
|
|
title={`${props.title} — H`}
|
|
keyBindingLabel={!props.isMobile ? KEYS.H.toLocaleUpperCase() : undefined}
|
|
aria-label={`${props.title} — H`}
|
|
aria-keyshortcuts={KEYS.H}
|
|
data-testid={`toolbar-hand`}
|
|
onChange={() => props.onChange?.()}
|
|
/>
|
|
);
|
|
};
|