'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var _scale = require('@vx/scale');

var _curve = require('@vx/curve');

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

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


var data = [-100, -60, 0, 60, 120, 145, 180, 230, 270, 310, 350, 390];

function LineRadialTile(_ref) {
  var width = _ref.width,
      height = _ref.height,
      _ref$margin = _ref.margin,
      margin = _ref$margin === undefined ? {
    top: 10,
    left: 10,
    right: 10,
    bottom: 120
  } : _ref$margin;

  var radius = Math.min(width, height) / 2;
  return _react2.default.createElement('svg', { width: width, height: height, __source: {
      fileName: _jsxFileName,
      lineNumber: 26
    }
  }, _react2.default.createElement('rect', {
    x: 0,
    y: 0,
    width: width,
    height: height,
    fill: '#744cca',
    rx: 14,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 27
    }
  }), _react2.default.createElement(_group.Group, { top: width / 2, left: height / 2, __source: {
      fileName: _jsxFileName,
      lineNumber: 35
    }
  }, _react2.default.createElement(_shape.LineRadial, {
    data: data,
    angle: function angle(d) {
      return d * (Math.PI / 180);
    },
    radius: function radius(d, i) {
      return 60 + i * 20;
    },
    fill: 'none',
    stroke: "#761ae3",
    strokeWidth: 6,
    curve: _curve.curveBasisClosed,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 36
    }
  }), _react2.default.createElement(_shape.LineRadial, {
    data: data,
    angle: function angle(d) {
      return d * (Math.PI / 180);
    },
    radius: function radius(d, i) {
      return 60 + i * 10;
    },
    fill: 'none',
    stroke: "#dff84d",
    strokeWidth: 3,
    curve: _curve.curveBasisClosed,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 45
    }
  }), _react2.default.createElement(_shape.LineRadial, {
    data: data,
    angle: function angle(d) {
      return d * (Math.PI / 90);
    },
    radius: function radius(d, i) {
      return 60 + i * 40;
    },
    fill: 'none',
    stroke: "#aeeef8",
    strokeWidth: 8,
    curve: _curve.curveBasisClosed,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 54
    }
  }), _react2.default.createElement(_shape.LineRadial, {
    data: data,
    angle: function angle(d) {
      return d * (Math.PI / 90);
    },
    radius: function radius(d, i) {
      return 120 + i * 80;
    },
    fill: 'none',
    stroke: "#dff84d",
    strokeWidth: 8,
    curve: _curve.curveBasisClosed,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 63
    }
  })));
}