export default function (part) {
  let { Point, Path, points, paths, snippets, Snippet, store } = part.shorthand()

  let y = store.get('y')
  let w = store.get('w')

  let snips = {
    logo: 25,
    notch: 15,
    bnotch: 15,
    button: 15,
    buttonhole: 15,
  }
  y += 10
  points.tl = new Point(0, y)
  points.tr = new Point(w, y)
  paths.texts = new Path().move(points.tl).line(points.tr).attr('data-text', 'snippets')
  y += 10
  points['sl1'] = new Point(w * 0.25, y)
  points['sl2'] = new Point(w * 0.5, y)
  points['sl3'] = new Point(w * 0.75, y)
  points['sl1']
    .attr('data-text', 'data-scale: 1\ndata-rotate: 0')
    .attr('data-text-class', 'center text-sm')
    .attr('data-text-lineheight', 5)
  points['sl2']
    .attr('data-text', 'data-scale: 1.25\ndata-rotate: 0')
    .attr('data-text-class', 'center text-sm')
    .attr('data-text-lineheight', 5)
  points['sl3']
    .attr('data-text', 'data-scale: 0.75\ndata-rotate: 90')
    .attr('data-text-class', 'center text-sm')
    .attr('data-text-lineheight', 5)
  y += 55
  for (let i in snips) {
    points['snt' + i] = new Point(0, y)
    points['snt' + i].attr('data-text', i)
    points['sn1' + i] = new Point(w * 0.25, y)
    points['sn2' + i] = new Point(w * 0.5, y)
    points['sn3' + i] = new Point(w * 0.75, y)
    snippets['sn1' + i] = new Snippet(i, points['sn1' + i])
    snippets['sn2' + i] = new Snippet(i, points['sn2' + i])
    snippets['sn2' + i].attr('data-scale', 1.25)
    snippets['sn3' + i] = new Snippet(i, points['sn3' + i])
    snippets['sn3' + i].attr('data-scale', 0.75).attr('data-rotate', 90)
    y += snips[i]
  }
  store.set('y', y)

  return part
}