message: refactor(edgeAnchor): add types, class name handling
diff: -import React from 'react';
  +import React, { FC, HTMLAttributes } from 'react';
  +import cc from 'classcat';
  import { Position } from '../../types';
  -const shiftX = (x: number, shift: number, position: Position) => {
  +const shiftX = (x: number, shift: number, position: Position): number => {
  if (position === Position.Left) return x - shift;
  if (position === Position.Right) return x + shift;
  return x;
  -}
  +};
  -const shiftY = (y: number, shift: number, position: Position) => {
  +const shiftY = (y: number, shift: number, position: Position): number => {
  if (position === Position.Top) return y - shift;
  if (position === Position.Bottom) return y + shift;
  return y;
  -}
  +};
  -export interface EdgeAnchorProps {
  - className?: string
  - position: Position
  - centerX: number
  - centerY: number
  - radius?: number
  +export interface EdgeAnchorProps extends HTMLAttributes<HTMLDivElement> {
  + position: Position;
  + centerX: number;
  + centerY: number;
  + radius?: number;
  }
  -export const EdgeAnchor = ({
  - className = "react-flow__edgeupdater",
  +export const EdgeAnchor: FC<EdgeAnchorProps> = ({
  + className,
  position,
  centerX,
  centerY,
  - radius = 10
  -}: EdgeAnchorProps): JSX.Element => {
  - return (
  + radius = 10,
  +}: EdgeAnchorProps) => (
  <circle
  - className={className}
  + className={cc(['react-flow__edgeupdater', className])}
  cx={shiftX(centerX, radius, position)}
  cy={shiftY(centerY, radius, position)}
  r={radius}
  @@ -39,4 +38,3 @@ export const EdgeAnchor = ({
  fill="transparent"
  />
  );
  -}
  