'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _gradient = require('@vx/gradient');

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

var _jsxFileName = '/Users/hshoff/Code/vx/packages/vx-demo/components/tiles/gradients.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 w = width / 4;
  var h = (height - margin.bottom) / 2;
  return _react2.default.createElement('svg', { width: width, height: height, __source: {
      fileName: _jsxFileName,
      lineNumber: 29
    }
  }, _react2.default.createElement(_gradient.GradientDarkgreenGreen, { id: 'DarkgreenGreen', __source: {
      fileName: _jsxFileName,
      lineNumber: 30
    }
  }), _react2.default.createElement(_gradient.GradientLightgreenGreen, { id: 'LightgreenGreen', __source: {
      fileName: _jsxFileName,
      lineNumber: 31
    }
  }), _react2.default.createElement(_gradient.GradientOrangeRed, { id: 'OrangeRed', __source: {
      fileName: _jsxFileName,
      lineNumber: 32
    }
  }), _react2.default.createElement(_gradient.GradientPinkBlue, { id: 'PinkBlue', __source: {
      fileName: _jsxFileName,
      lineNumber: 33
    }
  }), _react2.default.createElement(_gradient.GradientPinkRed, { id: 'PinkRed', __source: {
      fileName: _jsxFileName,
      lineNumber: 34
    }
  }), _react2.default.createElement(_gradient.GradientPurpleOrange, { id: 'PurpleOrange', __source: {
      fileName: _jsxFileName,
      lineNumber: 35
    }
  }), _react2.default.createElement(_gradient.GradientPurpleRed, { id: 'PurpleRed', __source: {
      fileName: _jsxFileName,
      lineNumber: 36
    }
  }), _react2.default.createElement(_gradient.GradientPurpleTeal, { id: 'PurpleTeal', __source: {
      fileName: _jsxFileName,
      lineNumber: 37
    }
  }), _react2.default.createElement(_gradient.GradientSteelPurple, { id: 'SteelPurple', __source: {
      fileName: _jsxFileName,
      lineNumber: 38
    }
  }), _react2.default.createElement(_gradient.GradientTealBlue, { id: 'TealBlue', __source: {
      fileName: _jsxFileName,
      lineNumber: 39
    }
  }), _react2.default.createElement(_shape.Bar, {
    x: 0,
    y: 0,
    width: w,
    height: h,
    fill: 'url(#LightgreenGreen)',
    stroke: '#ffffff',
    strokeWidth: 8,
    rx: 14,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 40
    }
  }), _react2.default.createElement(_shape.Bar, {
    x: w,
    y: 0,
    width: w,
    height: h,
    fill: 'url(#OrangeRed)',
    rx: 14,
    stroke: '#ffffff',
    strokeWidth: 8,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 50
    }
  }), _react2.default.createElement(_shape.Bar, {
    x: w * 2,
    y: 0,
    width: w,
    height: h,
    fill: 'url(#PinkBlue)',
    rx: 14,
    stroke: '#ffffff',
    strokeWidth: 8,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 60
    }
  }), _react2.default.createElement(_shape.Bar, {
    x: w * 3,
    y: 0,
    width: w,
    height: h,
    fill: 'url(#DarkgreenGreen)',
    rx: 14,
    stroke: '#ffffff',
    strokeWidth: 8,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 70
    }
  }), _react2.default.createElement(_shape.Bar, {
    x: 0,
    y: h,
    width: w,
    height: h,
    fill: 'url(#PinkRed)',
    rx: 14,
    stroke: '#ffffff',
    strokeWidth: 8,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 80
    }
  }), _react2.default.createElement(_shape.Bar, {
    x: w,
    y: h,
    width: w,
    height: h,
    fill: 'url(#TealBlue)',
    rx: 14,
    stroke: '#ffffff',
    strokeWidth: 8,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 90
    }
  }), _react2.default.createElement(_shape.Bar, {
    x: w * 2,
    y: h,
    width: w,
    height: h,
    fill: 'url(#PurpleOrange)',
    rx: 14,
    stroke: '#ffffff',
    strokeWidth: 8,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 100
    }
  }), _react2.default.createElement(_shape.Bar, {
    x: w * 3,
    y: h,
    width: w,
    height: h,
    fill: 'url(#PurpleTeal)',
    rx: 14,
    stroke: '#ffffff',
    strokeWidth: 8,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 110
    }
  }));
};