RotateHandler.tsx 517 B

123456789101112131415
  1. interface RotateHandlerProps {
  2. readonly style?: React.CSSProperties;
  3. readonly className?: string;
  4. readonly onMouseDown?: (e: React.MouseEvent) => void;
  5. }
  6. export function RotateHandler({ style, className, onMouseDown }: RotateHandlerProps) {
  7. return (
  8. <div
  9. className={`rotate-handler absolute w-[10px] h-[10px] -top-[25px] -ml-[5px] border border-primary bg-white rounded-[1px] cursor-grab active:cursor-grabbing ${className || ''}`}
  10. style={style}
  11. onMouseDown={onMouseDown}
  12. />
  13. );
  14. }