UNPKG

react-ionicons

Version:

A React SVG ionicon component

82 lines (67 loc) 2.82 kB
'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 _SvgContainer = require('./SvgContainer'); var _SvgContainer2 = _interopRequireDefault(_SvgContainer); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var ColorWand = function ColorWand(props) { return _react2.default.createElement( _SvgContainer2.default, { height: props.height, width: props.width, color: props.color, onClick: props.onClick, rotate: props.rotate ? 1 : 0, shake: props.shake ? 1 : 0, beat: props.beat ? 1 : 0, className: props.className }, _react2.default.createElement( 'svg', { style: props.style, className: props.cssClasses, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 512 512' }, props.title ? _react2.default.createElement( 'title', null, props.title ) : '', _react2.default.createElement('path', { d: 'M96 208H48c-8.8 0-16-7.2-16-16s7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16zM124.1 140.1c-4.2 0-8.3-1.7-11.3-4.7l-33.9-33.9c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l33.9 33.9c6.3 6.2 6.3 16.4 0 22.6-3 3-7 4.7-11.3 4.7zM192 112c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16s16 7.2 16 16v48c0 8.8-7.2 16-16 16zM259.9 140.1c-8.8 0-16-7.2-16-16 0-4.2 1.7-8.3 4.7-11.3l33.9-33.9c6.2-6.2 16.4-6.2 22.6 0 6.2 6.2 6.2 16.4 0 22.6l-33.9 33.9c-3 3-7.1 4.7-11.3 4.7zM90.2 309.8c-8.8 0-16-7.2-16-16 0-4.2 1.7-8.3 4.7-11.3l33.9-33.9c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-33.9 33.9c-3 3-7.1 4.7-11.3 4.7zM234.2 167c-18.4-18.7-48.5-19-67.2-.7s-19 48.5-.7 67.2l.7.7 39.5 39.5c3.1 3.1 8.2 3.1 11.3 0l55.9-55.9c3.1-3.1 3.1-8.2 0-11.3L234.2 167zM457 389.8L307.6 240.4c-3.1-3.1-8.2-3.1-11.3 0l-55.9 55.9c-3.1 3.1-3.1 8.2 0 11.3L389.8 457c18.4 18.7 48.5 19 67.2.7 18.7-18.4 19-48.5.7-67.2-.2-.2-.4-.5-.7-.7z' }) ) ); }; ColorWand.defaultProps = { // style style: {}, color: '#000000', height: '22px', width: '22px', cssClasses: '', title: '', // animation shake: false, beat: false, rotate: false }; ColorWand.propTypes = { // style style: _propTypes2.default.object, color: _propTypes2.default.string, height: _propTypes2.default.string, width: _propTypes2.default.string, cssClasses: _propTypes2.default.string, title: _propTypes2.default.string, // animation shake: _propTypes2.default.bool, beat: _propTypes2.default.bool, rotate: _propTypes2.default.bool, // functions onClick: _propTypes2.default.func }; exports.default = ColorWand; module.exports = exports['default']; //# sourceMappingURL=ColorWand.js.map