freesewing/packages/components/src/LineDrawing/index.js

import React from 'react'
import patterns from './patterns'

const LineDrawing = (props) => {
  const attr = {
    style: props.style || {},
    className: 'fs linedrawing ' + (props.className || ''),
    xmlns: 'http://www.w3.org/2000/svg',
    viewBox: '0 0 270 270'
  }
  if (props.size) {
    attr.width = props.size
    attr.height = props.size
  }
  return <svg {...attr}>{patterns[props.pattern || 'aaron'] || null}</svg>
}

export default LineDrawing