whiteboard/src/markers/HighlightMarker/index.ts

import { MarkerType } from './../types';
import { SvgHelper } from '../../renderer/SvgHelper';
import { RectBaseMarker } from '../RectMarker/RectBaseMarker';
import { WhitePage } from 'fc-whiteboard/src/board/WhitePage';

export class HighlightMarker extends RectBaseMarker {
  type: MarkerType = 'highlight';

  public static createMarker = (page?: WhitePage): RectBaseMarker => {
    const marker = new HighlightMarker();
    marker.page = page;
    marker.setup();
    return marker;
  };

  protected setup() {
    super.setup();
    SvgHelper.setAttributes(this.visual, [['class', 'highlight-marker']]);
  }
}