'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _shape = require('@vx/shape');

var _group = require('@vx/group');

var _pattern = require('@vx/pattern');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _jsxFileName = '/Users/hshoff/Code/vx/packages/vx-demo/components/tiles/patterns.js';

exports.default = function (_ref) {
  var width = _ref.width,
      height = _ref.height,
      _ref$margin = _ref.margin,
      margin = _ref$margin === undefined ? {
    top: 0,
    left: 0,
    right: 0,
    bottom: 80
  } : _ref$margin;

  var xMax = width - margin.left - margin.right;
  var yMax = height - margin.top - margin.bottom;
  var pWidth = xMax / 4;
  var pHeight = yMax / 2;
  if (width < 10) return null;
  return _react2.default.createElement('svg', { width: width, height: height, __source: {
      fileName: _jsxFileName,
      lineNumber: 22
    }
  }, _react2.default.createElement('rect', { x: 0, y: 0, width: width, height: height, fill: '#f5f2e3', rx: 14, __source: {
      fileName: _jsxFileName,
      lineNumber: 23
    }
  }), _react2.default.createElement(_pattern.PatternLines, { id: 'vLines', height: 6, width: 6, stroke: 'black', strokeWidth: 1, __source: {
      fileName: _jsxFileName,
      lineNumber: 24
    }
  }), _react2.default.createElement(_pattern.PatternLines, {
    id: 'hLines',
    height: 6,
    width: 6,
    stroke: 'black',
    strokeWidth: 1,
    orientation: ['horizontal'],
    __source: {
      fileName: _jsxFileName,
      lineNumber: 25
    }
  }), _react2.default.createElement(_pattern.PatternLines, {
    id: 'dLines',
    height: 6,
    width: 6,
    stroke: 'black',
    strokeWidth: 1,
    orientation: ['diagonal'],
    __source: {
      fileName: _jsxFileName,
      lineNumber: 33
    }
  }), _react2.default.createElement(_pattern.PatternLines, {
    id: 'dhLines',
    height: 6,
    width: 6,
    stroke: 'black',
    strokeWidth: 1,
    orientation: ['vertical', 'horizontal'],
    __source: {
      fileName: _jsxFileName,
      lineNumber: 41
    }
  }), _react2.default.createElement(_pattern.PatternCircles, { id: 'Circles', height: 6, width: 6, fill: 'black', __source: {
      fileName: _jsxFileName,
      lineNumber: 49
    }
  }), _react2.default.createElement(_pattern.PatternCircles, { id: 'cCircles', height: 10, width: 10, fill: 'black', complement: true, __source: {
      fileName: _jsxFileName,
      lineNumber: 50
    }
  }), _react2.default.createElement(_pattern.PatternWaves, {
    id: 'Waves',
    height: 6,
    width: 6,
    fill: 'transparent',
    stroke: 'black',
    strokeWidth: 1,
    complement: true,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 51
    }
  }), _react2.default.createElement(_pattern.PatternWaves, {
    id: 'bWaves',
    height: 12,
    width: 12,
    fill: 'transparent',
    stroke: 'black',
    strokeWidth: 1,
    complement: true,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 60
    }
  }), _react2.default.createElement(_group.Group, { top: margin.top, left: margin.left, __source: {
      fileName: _jsxFileName,
      lineNumber: 69
    }
  }, _react2.default.createElement(_shape.Bar, { fill: 'url(#vLines)', height: pHeight, width: pWidth, x: 0, y: 0, rx: 14, __source: {
      fileName: _jsxFileName,
      lineNumber: 70
    }
  }), _react2.default.createElement(_shape.Bar, { fill: 'url(#hLines)', height: pHeight, width: pWidth, x: pWidth, y: 0, rx: 14, __source: {
      fileName: _jsxFileName,
      lineNumber: 71
    }
  }), _react2.default.createElement(_shape.Bar, { fill: 'url(#dLines)', height: pHeight, width: pWidth, x: pWidth * 2, y: 0, rx: 14, __source: {
      fileName: _jsxFileName,
      lineNumber: 72
    }
  }), _react2.default.createElement(_shape.Bar, { fill: 'url(#dhLines)', height: pHeight, width: pWidth, x: pWidth * 3, y: 0, rx: 14, __source: {
      fileName: _jsxFileName,
      lineNumber: 73
    }
  }), _react2.default.createElement(_shape.Bar, { fill: 'url(#Circles)', height: pHeight, width: pWidth, x: 0, y: pHeight, rx: 14, __source: {
      fileName: _jsxFileName,
      lineNumber: 74
    }
  }), _react2.default.createElement(_shape.Bar, {
    fill: 'url(#cCircles)',
    height: pHeight,
    width: pWidth,
    x: pWidth,
    y: pHeight,
    rx: 14,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 75
    }
  }), _react2.default.createElement(_shape.Bar, {
    fill: 'url(#Waves)',
    height: pHeight,
    width: pWidth,
    x: pWidth * 2,
    y: pHeight,
    rx: 14,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 83
    }
  }), _react2.default.createElement(_shape.Bar, {
    fill: 'url(#bWaves)',
    height: pHeight,
    width: pWidth,
    x: pWidth * 3,
    y: pHeight,
    rx: 14,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 91
    }
  })));
};
//# sourceMappingURL=data:application/json;charset=utf-8;base64, 