/**
 * This draws a (diagonal in a) box
 * with with w and height h with a non-visible line.
 * This is to force our examples parts to a certain size
 */
export function box(part, w = 100, h = 50) {
  const { paths, Path, Point } = part.shorthand()
  paths.box = new Path().move(new Point(0, 0)).line(new Point(w, h)).attr('class', 'hidden')

  return part
}

export function drawLine(part, y, t) {
  let { points, Point, paths, Path } = part.shorthand()
  points[`${t}From`] = new Point(10, y)
  points[`${t}To`] = new Point(110, y)
  paths[t] = new Path()
    .move(points[`${t}From`])
    .line(points[`${t}To`])
    .attr('class', t)
    .attr('data-text', t)
    .attr('data-text-class', 'center')

  return part
}