'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

var Wrapper = _styledComponents2.default.div.withConfig({
  displayName: 'SkeletonCircle__Wrapper'
})(['width:', ';height:', ';border-radius:', ';background-color:', ';'], function (props) {
  return props.width;
}, function (props) {
  return props.height;
}, function (props) {
  return parseFloat(props.width) / 2 + 'px';
}, function (props) {
  return props.theme[props.bgColor];
});

var SkeletonCircle = function SkeletonCircle(props) {
  return _react2.default.createElement(Wrapper, props);
};

SkeletonCircle.defaultProps = {
  bgColor: 'gray-1'
};

SkeletonCircle.propTypes = {
  width: _propTypes2.default.string.isRequired,
  height: _propTypes2.default.string.isRequired,
  bgColor: _propTypes2.default.string.isRequired
};

exports.default = SkeletonCircle;