import React from 'react';
import PropTypes from 'prop-types';
import Icon from '../Icon/index.js';
import { a as theme } from '../../chunk-aeb80e51.js';
import { a as classCallCheck, b as createClass, c as defineProperty, d as inherits, e as objectWithoutProperties, f as possibleConstructorReturn, g as slicedToArray, h as _typeof, i as _extends } from '../../chunk-aad905a2.js';
import '../../chunk-566df01b.js';

var Add = function Add(props) {
	return React.createElement(
		Icon,
		_extends({ name: 'add' }, props),
		function (_ref) {
			var primary = _ref.primary,
			    secondary = _ref.secondary,
			    background = _ref.background,
			    _ref$border = _ref.border,
			    border = _ref$border === undefined ? 'transparent' : _ref$border;
			return React.createElement(
				'g',
				{ fill: 'none', fillRule: 'evenodd', stroke: primary, strokeWidth: '1.5' },
				React.createElement('circle', { cx: '12', cy: '12', r: '11.25', stroke: border }),
				React.createElement('path', { d: 'M12 6.434v12M18 12.434H6' })
			);
		}
	);
};

var colorPropType = PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
	primary: PropTypes.string,
	secondary: PropTypes.string,
	border: PropTypes.string,
	background: PropTypes.string
})]);
Add.defaultProps = {
	color: { primary: theme.palette.blue, border: 'transparent' },
	hoverColor: { primary: theme.palette.blue, border: 'transparent' },
	disabledColor: { primary: theme.palette.grey90, border: 'transparent' },
	activeColor: { primary: theme.palette.blue, border: 'transparent' }
};

Add.propTypes = {
	color: colorPropType,
	disabledColor: colorPropType,
	activeColor: colorPropType,
	hoverColor: colorPropType
};

export default Add;
//# sourceMappingURL=index.js.map
