import { box } from './shared'

export default part => {
  let { Point, points, paths, Path } = part.shorthand()

  points.origin = new Point(10, 10)
  points.x = new Point(100, 10)
  points.y = new Point(10, 50)
  points.textX = points.x.shift(135, 2).attr('data-text', 'X')
  points.textY = points.y.shift(180, 5).attr('data-text', 'Y')
  paths.coords = new Path()
    .move(points.y)
    .line(points.origin)
    .line(points.x)
    .attr('class', 'mark')
    .attr('marker-start', 'url(#dimensionFrom)')
    .attr('marker-end', 'url(#dimensionTo)')

  return box(part, 100, 50)
}