For example:
<img width="1904" alt="Screen Shot 2021-11-05 at 11 59 05 AM" src="https://user-images.githubusercontent.com/29597/140540816-25d6d47b-7aea-4121-aeaa-565accc65b1f.png">

_intrinsicSize: Size;
  _profilerData: ReactProfilerData;
  onHover: OnHover | null = null;
  constructor(surface: Surface, frame: Rect, profilerData: ReactProfilerData) {
    super(surface, frame);
    this._intrinsicSize = {
      width: profilerData.duration,
      height: SNAPSHOT_HEIGHT,
    };
    this._profilerData = profilerData;
  }
  desiredSize() {
    return this._intrinsicSize;
  }
  draw(context: CanvasRenderingContext2D) {
    const {visibleArea} = this;
    context.fillStyle = COLORS.BACKGROUND;
    context.fillRect(
      visibleArea.origin.x,
      visibleArea.origin.y,
      visibleArea.size.width,
      visibleArea.size.height,
    );
    const y = visibleArea.origin.y;
    let x = visibleArea.origin.x;