react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
277 lines (267 loc) • 26.5 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var UndrawGrowing = function UndrawGrowing(props) {
return _react2.default.createElement(
'svg',
{ className: props.class, id: 'e9df7128-f90d-48f2-af2a-c80f8452c1a7', dataName: 'Layer 1', xmlns: 'http://www.w3.org/2000/svg',
xmlnsXlink: 'http://www.w3.org/1999/xlink', style: { height: props.height, width: '100%' },
viewBox: '0 0 882.5 686.51' },
_react2.default.createElement(
'defs',
null,
_react2.default.createElement(
'linearGradient',
{ id: '6291c723-99b1-4c03-941d-496de5831e5b', x1: '132.79',
y1: '581.52', x2: '132.79', y2: '535.49', gradientUnits: 'userSpaceOnUse' },
_react2.default.createElement('stop', { offset: '0', stopColor: 'gray', stopOpacity: '0.25' }),
_react2.default.createElement('stop', { offset: '0.54', stopColor: 'gray', stopOpacity: '0.12' }),
_react2.default.createElement('stop', { offset: '1', stopColor: 'gray', stopOpacity: '0.1' })
),
_react2.default.createElement('linearGradient', { id: 'd71a292b-8820-41bb-9dc7-f2a60c9bc3ee', x1: '226.07',
y1: '494.3', x2: '226.07', y2: '448.27', xlinkHref: '#6291c723-99b1-4c03-941d-496de5831e5b'
}),
_react2.default.createElement('linearGradient', { id: 'b07f20a8-6543-470a-b5cb-0fb096405c43', x1: '314.17',
y1: '438.58', x2: '314.17', y2: '392.55', xlinkHref: '#6291c723-99b1-4c03-941d-496de5831e5b'
}),
_react2.default.createElement('linearGradient', { id: '6aa14577-3b42-4412-9e15-884b541593a4', x1: '405.91',
y1: '355', x2: '405.91', y2: '308.96', xlinkHref: '#6291c723-99b1-4c03-941d-496de5831e5b'
}),
_react2.default.createElement('linearGradient', { id: '1a6e75f4-7702-493f-91f8-23b75c57202e', x1: '499.84',
y1: '317.44', x2: '499.84', y2: '271.41', xlinkHref: '#6291c723-99b1-4c03-941d-496de5831e5b'
}),
_react2.default.createElement('linearGradient', { id: '69f09af1-cb6e-46b3-b82f-41ad580f3435', x1: '588.96',
y1: '317.44', x2: '588.96', y2: '271.41', xlinkHref: '#6291c723-99b1-4c03-941d-496de5831e5b'
}),
_react2.default.createElement('linearGradient', { id: '7e3938da-b13a-4438-a481-60c575731d4d', x1: '682.18',
y1: '196.31', x2: '682.18', y2: '150.27', xlinkHref: '#6291c723-99b1-4c03-941d-496de5831e5b'
}),
_react2.default.createElement('linearGradient', { id: '877f8c01-43d1-4197-b7a7-c36397a45ebe', x1: '772.15',
y1: '89.71', x2: '772.15', y2: '43.67', xlinkHref: '#6291c723-99b1-4c03-941d-496de5831e5b'
}),
_react2.default.createElement('linearGradient', { id: '10bcfed7-88a8-49e0-b2e6-536eb8b38eb5', x1: '1136.24',
y1: '225.44', x2: '1136.24', y2: '88.25', gradientTransform: 'rotate(-2.32 4761.632 8999.205)',
xlinkHref: '#6291c723-99b1-4c03-941d-496de5831e5b' }),
_react2.default.createElement('linearGradient', { id: '4ff5d749-7ea3-4c65-a2ea-5005e9b55377', x1: '274.12',
y1: '785.99', x2: '274.12', y2: '634.59', xlinkHref: '#6291c723-99b1-4c03-941d-496de5831e5b'
}),
_react2.default.createElement('linearGradient', { id: '89b43f60-1d31-4d7f-abff-96bbef0aad5c', x1: '417.52',
y1: '546.79', x2: '417.52', y2: '416.57', xlinkHref: '#6291c723-99b1-4c03-941d-496de5831e5b'
})
),
_react2.default.createElement('polygon', { points: '130.53 660.4 130.53 573.19 215.74 485.97 292.09 430.25 371.76 346.66 465.82 309.11 586.43 309.11 686.02 187.97 772.33 81.37 772.33 660.4 130.53 660.4',
fill: '#eceff1', opacity: '0.2' }),
_react2.default.createElement(
'g',
{ opacity: '0.2' },
_react2.default.createElement('line', { x1: '132.79', y1: '558.51', x2: '132.79', y2: '645.72', fill: props.primaryColor }),
_react2.default.createElement('line', { x1: '132.79', y1: '558.51', x2: '132.79', y2: '564.51', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '132.79', y1: '575.25', x2: '132.79', y2: '634.35', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10', strokeDasharray: '10.75 10.75' }),
_react2.default.createElement('line', { x1: '132.79', y1: '639.72', x2: '132.79', y2: '645.72', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '226.07', y1: '471.29', x2: '226.07', y2: '645.72', fill: props.primaryColor }),
_react2.default.createElement('line', { x1: '226.07', y1: '471.29', x2: '226.07', y2: '477.29', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '226.07', y1: '489.78', x2: '226.07', y2: '633.48', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10', strokeDasharray: '12.5 12.5' }),
_react2.default.createElement('line', { x1: '226.07', y1: '639.72', x2: '226.07', y2: '645.72', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '314.17', y1: '415.56', x2: '314.17', y2: '645.72', fill: props.primaryColor }),
_react2.default.createElement('line', { x1: '314.17', y1: '415.56', x2: '314.17', y2: '421.56', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '314.17', y1: '433.05', x2: '314.17', y2: '633.98', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10', strokeDasharray: '11.48 11.48' }),
_react2.default.createElement('line', { x1: '314.17', y1: '639.72', x2: '314.17', y2: '645.72', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '405.91', y1: '331.98', x2: '405.91', y2: '645.72', fill: props.primaryColor }),
_react2.default.createElement('line', { x1: '405.91', y1: '331.98', x2: '405.91', y2: '337.98', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '405.91', y1: '350.05', x2: '405.91', y2: '633.69', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10', strokeDasharray: '12.07 12.07' }),
_react2.default.createElement('line', { x1: '405.91', y1: '639.72', x2: '405.91', y2: '645.72', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '499.84', y1: '294.43', x2: '499.84', y2: '645.72', fill: props.primaryColor }),
_react2.default.createElement('line', { x1: '499.84', y1: '294.43', x2: '499.84', y2: '300.43', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '499.84', y1: '312.13', x2: '499.84', y2: '633.87', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10', strokeDasharray: '11.7 11.7' }),
_react2.default.createElement('line', { x1: '499.84', y1: '639.72', x2: '499.84', y2: '645.72', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '588.96', y1: '294.43', x2: '588.96', y2: '645.72', fill: props.primaryColor }),
_react2.default.createElement('line', { x1: '588.96', y1: '294.43', x2: '588.96', y2: '300.43', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '588.96', y1: '312.13', x2: '588.96', y2: '633.87', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10', strokeDasharray: '11.7 11.7' }),
_react2.default.createElement('line', { x1: '588.96', y1: '639.72', x2: '588.96', y2: '645.72', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '682.18', y1: '173.29', x2: '682.18', y2: '645.72', fill: props.primaryColor }),
_react2.default.createElement('line', { x1: '682.18', y1: '173.29', x2: '682.18', y2: '179.29', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '682.18', y1: '191.1', x2: '682.18', y2: '633.82', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10', strokeDasharray: '11.81 11.81' }),
_react2.default.createElement('line', { x1: '682.18', y1: '639.72', x2: '682.18', y2: '645.72', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '772.15', y1: '66.69', x2: '772.15', y2: '645.72', fill: props.primaryColor }),
_react2.default.createElement('line', { x1: '772.15', y1: '66.69', x2: '772.15', y2: '72.69', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' }),
_react2.default.createElement('line', { x1: '772.15', y1: '84.75', x2: '772.15', y2: '633.69', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10', strokeDasharray: '12.06 12.06' }),
_react2.default.createElement('line', { x1: '772.15', y1: '639.72', x2: '772.15', y2: '645.72', fill: 'none', stroke: '#00f',
strokeMiterlimit: '10' })
),
_react2.default.createElement('circle', { cx: '132.79', cy: '558.51', r: '23.02', fill: 'url(#6291c723-99b1-4c03-941d-496de5831e5b)'
}),
_react2.default.createElement('circle', { cx: '226.07', cy: '471.29', r: '23.02', fill: 'url(#d71a292b-8820-41bb-9dc7-f2a60c9bc3ee)'
}),
_react2.default.createElement('circle', { cx: '314.17', cy: '415.56', r: '23.02', fill: 'url(#b07f20a8-6543-470a-b5cb-0fb096405c43)'
}),
_react2.default.createElement('circle', { cx: '405.91', cy: '331.98', r: '23.02', fill: 'url(#6aa14577-3b42-4412-9e15-884b541593a4)'
}),
_react2.default.createElement('circle', { cx: '499.84', cy: '294.43', r: '23.02', fill: 'url(#1a6e75f4-7702-493f-91f8-23b75c57202e)'
}),
_react2.default.createElement('circle', { cx: '588.96', cy: '294.43', r: '23.02', fill: 'url(#69f09af1-cb6e-46b3-b82f-41ad580f3435)'
}),
_react2.default.createElement('circle', { cx: '682.18', cy: '173.29', r: '23.02', fill: 'url(#7e3938da-b13a-4438-a481-60c575731d4d)'
}),
_react2.default.createElement('circle', { cx: '772.15', cy: '66.69', r: '23.02', fill: 'url(#877f8c01-43d1-4197-b7a7-c36397a45ebe)'
}),
_react2.default.createElement('circle', { cx: '132.79', cy: '558.51', r: '18.17', fill: props.primaryColor }),
_react2.default.createElement('circle', { cx: '226.07', cy: '471.29', r: '18.17', fill: props.primaryColor }),
_react2.default.createElement('circle', { cx: '314.17', cy: '415.56', r: '18.17', fill: props.primaryColor }),
_react2.default.createElement('circle', { cx: '405.91', cy: '331.98', r: '18.17', fill: props.primaryColor }),
_react2.default.createElement('circle', { cx: '499.84', cy: '294.43', r: '18.17', fill: props.primaryColor }),
_react2.default.createElement('circle', { cx: '588.96', cy: '294.43', r: '18.17', fill: props.primaryColor }),
_react2.default.createElement('circle', { cx: '682.18', cy: '173.29', r: '18.17', fill: props.primaryColor }),
_react2.default.createElement('circle', { cx: '772.15', cy: '66.69', r: '18.17', fill: props.primaryColor }),
_react2.default.createElement('path', { d: 'M827.92,268.54c-3.72-2.27-21.51,6.93-27.51,8.38-4.39,1.07-14.17-2.85-19.09-5l.09-.87s-2.77-2.54-6.11-2.3c2.77-3,4.74-8.79,4.79-14.44l6-1s-10.27-18.6-20.92-6.84a5,5,0,0,0-2.32-2.42c-1.94-.78-4,.58-5.57,2s-3.14,3.15-5.23,3.17a.72.72,0,0,1-.44-.1.83.83,0,0,1-.24-.64,12.09,12.09,0,0,0-1.58-5.09c-2.95,2-3.63,6-3.91,9.6a1.29,1.29,0,0,0,.06.64,1.27,1.27,0,0,0,.62.53c1.87,1,4.1,1.67,6,.86,2.33-1,3.45-3.77,5.74-4.83a4.61,4.61,0,0,1,4,.13c-5.11,8.73.52,13.53,4.37,15.63a11.45,11.45,0,0,0,.69,1.83c-4.22-1.49-11-1.41-17.28,9.35l1.92.4-18.24,29.93s-3.48,3.77-2.17,6.14,7.25-.29,7.06-5.13c-.09-2.15,4-8.54,8.49-15L745,297.94a45.17,45.17,0,0,0,4.61,3c-3,4.55-5.66,12.33,4.15,19.09l2.61,4.74s1.25-.61,3.07-1.38l.62.88c1.75,2.74.66.93.66.93l12.1,17.06s-15.68,13.41-14.81,23l-2.87.12a3.89,3.89,0,0,0-3.58,5s13.84,12.76,17.32,9-2.66-5.95-2.66-5.95l-.15-3.63-.26-.16c1.83-4.43,12.67-23.63,14.31-26.45,2.25-3.88-1.08-10.11-4.83-18.5l13.57-.49s2.7,21.37,11.62,25.31l.16-.08L799,352.14a3.89,3.89,0,0,0,2.32,5.68s18.16-4.93,16.82-9.88-6.45-.91-6.45-.91l-3.15-1.8-.42.21c-1.84-2.68-14.51-24.26-14.54-26.9s-13.73-5.87-23.53-6.83l-1.18-5.64a19.42,19.42,0,0,0,4.2-.79s-6.53-11.84-5.42-14.31,9.72.82,6.86-10l6-1.45,0-.24,16.3,6a13,13,0,0,0,12-1.56l10.89-7.64C829.57,279.37,831.64,270.81,827.92,268.54Z',
transform: 'translate(-168 -94.27)', fill: 'url(#10bcfed7-88a8-49e0-b2e6-536eb8b38eb5)'
}),
_react2.default.createElement('path', { d: 'M769.21,273.41a57.33,57.33,0,0,1,2-8.35c1.12-3,5,1.87,5,1.87l-.63,7.73Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('circle', { cx: '772.39', cy: '260.38', r: '9.04', transform: 'rotate(-24.42 470.48 601.417)',
fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M764.12,324.21l24.26-.87s2.54,20.09,10.92,23.8l7.41-3.51s-13.08-21.31-13.85-25.55c-.61-3.36-27.89-8.78-29.65-5.85-1.12,1.86-1.6,6.24-1.81,9.19A2.62,2.62,0,0,0,764.12,324.21Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M776.89,275.2a3.39,3.39,0,0,1,4.1-1.1c4.51,2,14,5.88,18.27,4.85,5.64-1.37,22.36-10,25.86-7.88,3.32,2,1.73,9.38-6.34,7.52a3.33,3.33,0,0,0-2.65.54l-7.79,5.46a14.91,14.91,0,0,1-13.74,1.78l-16.17-6a3.4,3.4,0,0,1-1.56-5.2Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M755.89,276.16l-19.21,31.51s-3.27,3.55-2,5.77,6.82-.28,6.63-4.82,19.3-29.24,19.3-29.24Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M757.6,318.2l15.7,22.13s-15.4,13.15-13.9,22.19l7,4.27s12.55-23,13.76-25.6c1.44-3.09-8-28.13-11.38-28S757.6,318.2,757.6,318.2Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M785.84,256.73s-11.06-20-21.78-3.67c-8.12,12.41,6.37,16.81,6.37,16.81l3.13-7-2.46-4.45,5.54-3.64.14,3.41Z',
transform: 'translate(-168 -94.27)', fill: '#e96857' }),
_react2.default.createElement('path', { d: 'M766.56,251a5.72,5.72,0,0,0-2.57-3c-1.82-.74-3.81.55-5.23,1.9s-2.95,3-4.91,3a.68.68,0,0,1-.41-.09.78.78,0,0,1-.22-.6,11.37,11.37,0,0,0-1.49-4.79c-2.77,1.91-3.42,5.67-3.67,9a1.22,1.22,0,0,0,.06.6,1.19,1.19,0,0,0,.58.49c1.76.91,3.86,1.57,5.68.81,2.19-.91,3.25-3.54,5.39-4.54a4.35,4.35,0,0,1,4.31.42c.92.67,1.77,1.78,2.9,1.61C769.72,255.45,767.05,252,766.56,251Z',
transform: 'translate(-168 -94.27)', fill: '#e96857' }),
_react2.default.createElement('path', { d: 'M754.5,297.84s-13.18,11.92.88,21.59l2.46,4.45s12-4.79,16.61-3.83l-6.21-20.49Z',
transform: 'translate(-168 -94.27)', fill: '#e96a59' }),
_react2.default.createElement('path', { d: 'M768.38,270.41C764.42,269,758,269,752,279.16l4.59,1-9.49,18.6s14.1,10.81,26.46,6.89c0,0-6.14-11.13-5.1-13.45s9.14.77,6.45-9.37l5.64-1.37.81-8s-2.76-2.54-6-2.15A15.1,15.1,0,0,1,768.38,270.41Z',
transform: 'translate(-168 -94.27)', fill: props.secondaryColor }),
_react2.default.createElement('path', { d: 'M759.94,361.93l-3.27.13a3.66,3.66,0,0,0-3.36,4.69h0s13,12,16.28,8.45-2.5-5.59-2.5-5.59l-.14-3.41Z',
transform: 'translate(-168 -94.27)', fill: props.secondaryColor }),
_react2.default.createElement('path', { d: 'M799.59,346.82,798,349.66a3.66,3.66,0,0,0,2.18,5.34h0s17.07-4.63,15.81-9.29-6.06-.85-6.06-.85l-3-1.7Z',
transform: 'translate(-168 -94.27)', fill: props.secondaryColor }),
_react2.default.createElement('path', { d: 'M772.84,259.49c1,1.27,1.57,2.84,1.29,3.51s-1.3.17-2.29-1.1-1.57-2.83-1.29-3.5S771.85,258.22,772.84,259.49Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('line', { x1: '37.16', x2: '37.16', y2: '711.45', fill: 'none', stroke: props.accentColor, strokeMiterlimit: '10',
strokeWidth: '2' }),
_react2.default.createElement('line', { y1: '673.35', x2: '864', y2: '673.35', fill: 'none', stroke: props.accentColor, strokeMiterlimit: '10',
strokeWidth: '2' }),
_react2.default.createElement('path', { d: 'M290.27,772,287,767l3.6-27.25a60.36,60.36,0,0,0-6.47-8.25,60.66,60.66,0,0,1-1-10.21,138.45,138.45,0,0,0-4.49-19.2l5.67,1.55,8.24-20v-4.71l3.53-2.35s-4.71-7.06-9.42,0c0,0,1.18,4.71,0,7.06s-4.71,10.6-4.71,10.6h-3l.64-3.53h-6.16c-.3-.42-.6-.82-.91-1.18l4.71-10.6L275,677.2l8.09-10.12,1.18-21.19c4.68-1.56,5.74-6.22,5.93-9.19a2,2,0,0,0-2.51-2c-10.16,2.6-8.12,7.71-8.12,7.71l-3.53,20L271.21,670a10.59,10.59,0,0,0-6-7.86l2.66-3.32a21.38,21.38,0,0,0-11.72.57c-10.55,4-10.53,19.35,0,23.4a10.56,10.56,0,0,0,4.65.76v-1.18l.44,0c-.18,1.1-.35,2.33-.44,3.55h0c-2.35,0-2.35,13,1.18,15.3l-1.18,13v7.06c2.35,5.89,7.06,5.89,7.06,5.89l3.53,16.48a6.12,6.12,0,0,0,4.14.12l.57,4.58s-10.6,8.24-10.6,20l-.39.77-.79-.77-7.06,5.89L266.66,786h9.42c2.35-5.89-7.06-7.06-7.06-7.06l0-6.05h0l10.47-12.43a20.36,20.36,0,0,0,2.15,4.55l.09.86-1.08-.22-2.78,8.76,5.36,1.82a19.6,19.6,0,0,0,16.85-2C298.84,767.95,290.27,772,290.27,772Z',
transform: 'translate(-168 -94.27)', fill: 'url(#4ff5d749-7ea3-4c65-a2ea-5005e9b55377)'
}),
_react2.default.createElement('path', { d: 'M266.91,683.59s-2.56,10.74,0,12.27l7.67-4.6-5.11-9.72Z', transform: 'translate(-168 -94.27)',
fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M299.71,681.28s-4.52-6.77-9,0c0,0,1.13,4.52,0,6.77s-4.52,10.16-4.52,10.16H276v5.64l12.42,3.39,7.9-19.19v-4.52Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('polygon', { points: '115.9 600.55 113.64 612.97 104.61 610.71 104.61 600.55 115.9 600.55',
fill: '#5989a1' }),
_react2.default.createElement('circle', { cx: '97.84', cy: '582.49', r: '10.16', fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M263.58,675.63l9-11.29a20.5,20.5,0,0,0-11.24.54c-10.11,3.84-10.09,18.56,0,22.43a10.12,10.12,0,0,0,4.46.73v-6.77h-3.39Z',
transform: 'translate(-168 -94.27)', fill: '#fccc63' }),
_react2.default.createElement('path', { d: 'M288.42,651.93l-1.13,20.32-9,11.29-5.64-3.39,7.9-12.42,3.39-19.19s-2-4.89,7.79-7.39a1.92,1.92,0,0,1,2.41,2C293.92,646,292.9,650.43,288.42,651.93Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M278.22,737.49l5.81,7s-4.31,12.13,1.77,21.64l.26,2.51,4.68,1,3.68-27.8s-6.68-10.47-11.36-11.5Z',
transform: 'translate(-168 -94.27)', fill: '#b98b82' }),
_react2.default.createElement('path', { d: 'M291,768l3.16,4.86s8.22-3.91,9.35,2.06h0a18.79,18.79,0,0,1-16.16,2l-5.14-1.75,2.67-8.4Z',
transform: 'translate(-168 -94.27)', fill: '#3d203c' }),
_react2.default.createElement('path', { d: 'M279.39,741.11l1.13,9s-10.16,7.9-10.16,19.19l-1.13,2.26,3.39,3.39,18.06-21.45s0-12.42-3.39-15.8Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M273.7,773.69l0,5.8s9,1.13,6.77,6.77h-9l-9-11.29,6.77-5.64Z',
transform: 'translate(-168 -94.27)', fill: '#3d203c' }),
_react2.default.createElement('path', { d: 'M290.67,740s-10.16,7.9-14.68,5.64l-3.39-15.8s-4.52,0-6.77-5.64V717.4l21.45,6.77S287.29,736.59,290.67,740Z',
transform: 'translate(-168 -94.27)', fill: '#3d203c' }),
_react2.default.createElement('path', { d: 'M281.64,683.53l-9-6.77s-4.52,13.55-6.77,13.55S263.58,702.73,267,705l-1.13,12.42,21.45,6.77s-3.39-22.58-10.16-30.48Z',
transform: 'translate(-168 -94.27)', fill: props.secondaryColor }),
_react2.default.createElement('path', { d: 'M453.57,494.68s-1.42.65-2.4-1.48l-2.84,1.31-1.47-3.2,1.78-.82L442,466.85s.17-5.24-3.66-6.06c0,0-2.08-.77-10.21,2.12-3.41,1.21-6.13,2.26-8.16,3.07-1.77-1.6-5.66-5.78-5.74-11.73a9,9,0,0,0-1.16-4.16l5-1.5-.11-.24,14.64-5.6c.65,1.42,7.37-.82,8.85-3.22.68-1.1-.43-1.74-1.82-2.12a10,10,0,0,0-6,.3L416,444.07l-.21-.45a5.22,5.22,0,0,1-2.28.88l-1-.69,6.69-10.68c1.38.74,5.4-5.09,5.13-7.89-.12-1.29-1.39-1.14-2.73-.6a10,10,0,0,0-4.58,3.83l-8.34,12.71L407.07,440l-1.19,3.2a23.72,23.72,0,0,0-5.5-2.31L398,435.75a8.59,8.59,0,0,0,.75-13.45,27,27,0,0,1,4.86-1.46s-14-11.64-20.76,3.54c0,0,0,.16,0,.43-.28.13-.54.26-.76.34l-5.75,2.19a8.28,8.28,0,0,0-1.22.54,7.79,7.79,0,0,0-1.62,1.37,4.31,4.31,0,0,0-.9,1.18,3,3,0,0,0,.51,3,8.92,8.92,0,0,0,2.42,2l2.43,1.57a3.08,3.08,0,0,1,1.6,1.81c.22-1.79-.54-3.54-1.23-5.21a3.81,3.81,0,0,1-.4-2.5,3.59,3.59,0,0,1,2-1.9,21.46,21.46,0,0,1,3.09-1.3c.43,3.9,2,9.79,7.69,10.7l1.8,3.9c-1.08,1.66-1.29,4.6,1.91,9.75l7.86,17,.67.1c-.51,2.57-1.14,9.65,6.62,12.17L406,511.31s-14.17,18.47-11.61,22.3h.84l-.91,2.91-3.26-.69-1.46,6.88,19.12,4.06s1.9-5.19-6.67-6.21c0,0-1.53-.32-1-2.62l-2.08-.44,1.21-3.89h0s12.22-13.35,14.78-24.86c2-8.8,6.15-25.08,8-32.25l10.91-5s7.09,19.12,8.4,22l.36-.16,1.47,3.2-2.13,1,2.95,6.39,17.75-8.18S461.06,490.37,453.57,494.68Z',
transform: 'translate(-168 -94.27)', fill: 'url(#89b43f60-1d31-4d7f-abff-96bbef0aad5c)'
}),
_react2.default.createElement('rect', { x: '442.61', y: '491.5', width: '4.59', height: '4.59', transform: 'rotate(-24.75 145.987 829.456)',
fill: props.skinColor }),
_react2.default.createElement('rect', { x: '395.7', y: '528.8', width: '4.59', height: '8.02', transform: 'rotate(17.34 623.04 -65.31)',
fill: props.skinColor }),
_react2.default.createElement('circle', { cx: '393.59', cy: '429.93', r: '8.41', transform: 'rotate(-24.75 94.67 765.6)',
fill: props.skinColor }),
_react2.default.createElement('rect', { x: '392.01', y: '433.76', width: '7.64', height: '12.99', transform: 'rotate(-24.75 96.922 775.912)',
fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M415,445.31l18.37-6.59a9.78,9.78,0,0,1,5.82-.3c1.36.37,2.44,1,1.78,2.07-1.44,2.35-8,4.53-8.65,3.14l-16.1,6.16Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('path', { d: 'M403.47,468.71s-3.42,10.83,7.79,13.24l22.21-10.24s6.93,18.68,8.21,21.46l6.25-2.88-6.45-23.11s.16-5.12-3.57-5.93c0,0-2-.75-10,2.08s-12.12,4.74-12.12,4.74Z',
transform: 'translate(-168 -94.27)', fill: '#5f98be' }),
_react2.default.createElement('path', { d: 'M403.93,422.22s-13.66-11.38-20.28,3.46c0,0-.75,13,8.11,13.93a17.3,17.3,0,0,0-1.12-7.9C389,428.25,397.73,423.39,403.93,422.22Z',
transform: 'translate(-168 -94.27)', fill: '#3d213c' }),
_react2.default.createElement('path', { d: 'M377.27,428.57a8.1,8.1,0,0,0-1.19.53,7.61,7.61,0,0,0-1.58,1.34,4.21,4.21,0,0,0-.88,1.16,3,3,0,0,0,.5,2.9,8.72,8.72,0,0,0,2.36,2l2.38,1.54a3,3,0,0,1,1.57,1.77c.21-1.75-.53-3.46-1.2-5.09a3.73,3.73,0,0,1-.4-2.44,3.51,3.51,0,0,1,1.94-1.86,21,21,0,0,1,3.05-1.28,6.82,6.82,0,0,0,1.53-.62,1.89,1.89,0,0,0,.93-1.3,1.42,1.42,0,0,0-.92-1.46c-.72-.2-1.78.48-2.46.74Z',
transform: 'translate(-168 -94.27)', fill: '#3d213c' }),
_react2.default.createElement('path', { d: 'M450.41,492.94l-9,4.16,2.88,6.25,17.35-8s-1.55-5.18-8.86-1C452.75,494.38,451.36,495,450.41,492.94Z',
transform: 'translate(-168 -94.27)', fill: '#3d213c' }),
_react2.default.createElement('path', { d: 'M405.25,445.17s8.17,1.29,10.62-.69l2.24,4.86-10.36,3.09Z', transform: 'translate(-168 -94.27)',
fill: props.secondaryColor }),
_react2.default.createElement('path', { d: 'M396.31,441.3s-7.9,1.12-1.39,11.58l7.68,16.66s11.9,2.09,18.2-2.5c0,0-6.35-4.65-6.45-12.17S402.82,440.82,396.31,441.3Z',
transform: 'translate(-168 -94.27)', fill: props.secondaryColor }),
_react2.default.createElement('path', { d: 'M410,479.4l-3.75,31.24s-13.84,18-11.34,21.8h5.65s11.95-13,14.45-24.3,8.75-35,8.75-35Z',
transform: 'translate(-168 -94.27)', fill: '#5f98be' }),
_react2.default.createElement('path', { d: 'M401.35,536.67l-9.72-2.06-1.43,6.73,18.69,4s1.86-5.07-6.52-6.07C402.37,539.23,400.87,538.91,401.35,536.67Z',
transform: 'translate(-168 -94.27)', fill: '#3d213c' }),
_react2.default.createElement('path', { d: 'M406.38,446l10.71-16.32a9.78,9.78,0,0,1,4.47-3.74c1.31-.53,2.54-.67,2.66.58.26,2.74-3.67,8.44-5,7.72l-9.15,14.6Z',
transform: 'translate(-168 -94.27)', fill: props.skinColor }),
_react2.default.createElement('polygon', { points: '237.47 351.63 239.3 346.69 247.31 352.22 240.43 355.73 237.47 351.63',
fill: props.secondaryColor })
);
};
UndrawGrowing.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* Hex color
*/
accentColor: _propTypes2.default.string,
/**
* Skin color
*/
skinColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawGrowing.defaultProps = {
primaryColor: '#6c68fb',
accentColor: '#eb6475',
height: '100%',
skinColor: 'orange',
class: ''
};
exports.default = UndrawGrowing;