import { Renderer as CanvasRenderer } from '@antv/g-canvas';
// Create a renderer with the plugin built in
const canvasRenderer = new CanvasRenderer();

export interface StyleRenderer {
    render: (
        context: CanvasRenderingContext2D,
        parsedStyle: ParsedBaseStyleProps,
        object: DisplayObject,
        renderingService: RenderingService,
    ) => void;
}

@singleton({
  token: CanvasRenderer.CircleRendererContribution,
})
export class CircleRenderer implements CanvasRenderer.StyleRenderer {
  render(
    context: CanvasRenderingContext2D,
    parsedStyle: ParsedCircleStyleProps,
    object: DisplayObject<any, any>,
  ) {
    const { r } = parsedStyle as ParsedCircleStyleProps;
    // rough.js use diameter instead of radius
    // @see https://github.com/rough-stuff/rough/wiki#circle-x-y-diameter--options
    context.roughCanvas.circle(r.value, r.value, r.value * 2, generateRoughOptions(object));
  }
}