import React from 'react'
import Markers from './Markers'
import Snippets from './Snippets'
import Grid from './Grid'

const Defs = (props) => {
  let paperlessGrids = null
  if (props.paperless) {
    paperlessGrids = []
    for (let p in props.parts) {
      let anchor = { x: 0, y: 0 }
      if (typeof props.parts[p].points.gridAnchor !== 'undefined')
        anchor = props.parts[p].points.gridAnchor
      else if (typeof props.parts[p].points.anchor !== 'undefined')
        anchor = props.parts[p].points.anchor
      paperlessGrids.push(
        <pattern id={'grid-' + p} key={'grid-' + p} xlinkHref="#grid" x={anchor.x} y={anchor.y} />
      )
    }
  }
  return (
    <defs>
      <Markers />
      <Snippets />
      <Grid units={props.units} />
      {paperlessGrids}
    </defs>
  )
}

export default Defs