react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
619 lines (609 loc) • 28.9 kB
JavaScript
"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);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var UndrawInThePool = function UndrawInThePool(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "93ced441-7809-42e2-bb1c-93afa859a13f",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 1081 814.87"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "88253d48-1998-4d8f-a8ac-7bacc444cfcf",
x1: 520.59,
y1: 754,
x2: 520.59,
y2: 202.22,
gradientTransform: "translate(114.43 -103.8) rotate(12.01)",
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(
"title",
null,
"in the pool"
),
_react2.default.createElement("path", {
d: "M253.2,65S-4.61,52,80.54,370C129.2,551.76,98.69,665.88,63.6,730.32c-14.47,26.57,11.34,56.31,45.68,52.78C224,771.31,427.69,768,673,841c294.72,87.68,420.82-198.53,463.33-335.34,12.51-40.25-3.87-83-41.82-109.47C984.64,319.48,762.56,155.38,772.37,89,785.38,1,253.2,65,253.2,65Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M643.93,199.25A262.33,262.33,0,0,0,555.5,184c-145.25,0-263,117.75-263,263a262.18,262.18,0,0,0,77.43,186.36c13-4.32,35.61-9.8,57.09-5.28,0,0,90.54-43.11,140.55,52.6l19.83,27.39A261.18,261.18,0,0,0,627,700.15C737.5,669,818.5,567.47,818.5,447,818.5,332.78,745.68,235.56,643.93,199.25Zm-88,333.12c-48.34,0-87.52-37.83-87.52-84.5s39.19-84.5,87.52-84.5,87.52,37.83,87.52,84.5S604.27,532.37,555.93,532.37Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M740.69,498.72C725.87,450.78,766,394.47,740.91,351c-3.84-6.63-9.06-12.51-11.89-19.63-4.85-12.2-2-26.21-5.7-38.8-9.86-33.68-58.52-40.64-73.76-72.25a42.2,42.2,0,0,1-3.91-21.09A262.33,262.33,0,0,0,557.22,184c-145.25,0-263,117.75-263,263a262,262,0,0,0,66.69,175q5.2,5.83,10.74,11.35c13-4.32,35.61-9.8,57.09-5.28,0,0,87.66-41.74,138.11,48.1q1.24,2.2,2.44,4.5l19.83,27.39a261.18,261.18,0,0,0,39.61-7.92c21-25.44,28.74-62,55.42-81.65,10.12-7.46,22.31-11.85,32.09-19.76,13.82-11.18,21.44-28.12,28.56-44.41,2.76-6.31,5.56-12.79,6-19.66C751.54,522.15,744.39,510.71,740.69,498.72Zm-183,33.66c-48.34,0-87.52-37.83-87.52-84.5s39.19-84.5,87.52-84.5,87.52,37.83,87.52,84.5S606,532.37,557.66,532.37Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M739,498.72c-14.81-47.94,25.36-104.25.22-147.69-3.84-6.63-9.06-12.51-11.89-19.63-4.85-12.2-2-26.21-5.7-38.8-9.86-33.68-58.52-40.64-73.76-72.25a42.2,42.2,0,0,1-3.91-21.09A262.33,262.33,0,0,0,555.5,184c-145.25,0-263,117.75-263,263a262,262,0,0,0,66.69,175q5.2,5.83,10.74,11.35c13-4.32,35.61-9.8,57.09-5.28,0,0,87.66-41.74,138.11,48.1q1.24,2.2,2.44,4.5l19.83,27.39A261.18,261.18,0,0,0,627,700.15c21-25.44,28.74-62,55.42-81.65,10.12-7.46,22.31-11.85,32.09-19.76,13.82-11.18,21.44-28.12,28.56-44.41,2.76-6.31,5.56-12.79,6-19.66C749.82,522.15,742.66,510.71,739,498.72Zm-183,33.66c-48.34,0-87.52-37.83-87.52-84.5s39.19-84.5,87.52-84.5,87.52,37.83,87.52,84.5S604.27,532.37,555.93,532.37Z",
transform: "translate(-59.5 -42.57)",
fill: "#636e7e"
}),
_react2.default.createElement("rect", {
x: 345.96,
y: 354.74,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(-162.06 88.18) rotate(-18.45)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 389.94,
y: 569.45,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(986.25 257.04) rotate(99.08)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 389.94,
y: 434.94,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(356.25 -188.31) rotate(42.53)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 417.53,
y: 498.75,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(-203.97 118.24) rotate(-18.45)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 345.1,
y: 354.74,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(-162.11 87.91) rotate(-18.45)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 438.23,
y: 327.15,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(296.09 -249.31) rotate(42.53)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 567.57,
y: 275.41,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(77.38 -219.49) rotate(19.9)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 646.04,
y: 278.86,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(-94.18 46.39) rotate(-7.61)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 493.41,
y: 266.79,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(-6.2 619.59) rotate(-70.1)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 692.6,
y: 352.16,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(110.97 -257.46) rotate(19.9)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 548.6,
y: 207.29,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(419.68 -405.36) rotate(60)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 437.37,
y: 327.15,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(295.86 -248.73) rotate(42.53)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 566.71,
y: 275.41,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(77.33 -219.2) rotate(19.9)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 645.18,
y: 278.86,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(-94.19 46.27) rotate(-7.61)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 492.55,
y: 266.79,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(-6.77 618.78) rotate(-70.1)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 691.74,
y: 352.16,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(110.91 -257.17) rotate(19.9)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 687.43,
y: 459.94,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(764.59 -392.29) rotate(63.87)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 621.03,
y: 591.01,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(1275.1 53.79) rotate(99.08)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 657.25,
y: 528.06,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(-257.47 588.21) rotate(-45)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 686.57,
y: 459.94,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(764.1 -391.52) rotate(63.87)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 620.17,
y: 591.01,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(1274.1 54.65) rotate(99.08)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 389.08,
y: 569.45,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "matrix(-0.16, 0.99, -0.99, -0.16, 985.25, 257.89)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 389.08,
y: 434.94,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(356.02 -187.73) rotate(42.53)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 464.1,
y: 537.55,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(61.66 -124.44) rotate(11.44)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 463.23,
y: 537.55,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(61.65 -124.27) rotate(11.44)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 656.39,
y: 528.06,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(-257.73 587.6) rotate(-45)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 551.19,
y: 562.56,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(519.84 -263.5) rotate(45)",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 550.33,
y: 562.56,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(519.59 -262.89) rotate(45)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 547.74,
y: 207.29,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(419.25 -404.61) rotate(60)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 416.67,
y: 498.75,
width: 10.35,
height: 52.6,
rx: 5.17,
ry: 5.17,
transform: "translate(-204.01 117.97) rotate(-18.45)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M565.13,676.19C514.68,586.35,427,628.09,427,628.09c-21.48-4.52-44.07,1-57.09,5.28q-5.54-5.51-10.74-11.35c15.91-5.26,47.56-14,67-7.73C426.16,614.29,533.37,574.25,565.13,676.19Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M426.16,616s104.4-39,137.67,57.93c.43.75.87,1.48,1.3,2.24-31.76-101.94-139-61.9-139-61.9-19.4-6.26-51.06,2.47-67,7.73.4.45.82.88,1.22,1.33C376.67,618.06,407.23,609.91,426.16,616Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M255.35,618.32c-31-52.1-49.32-107.44-54.48-164.47-4.13-45.62.1-92.41,12.59-139.08,21.25-79.42,59.65-131.7,60-132.22l4,3c-.38.51-38.28,52.17-59.27,130.72-19.33,72.37-27.84,183.08,41.41,299.52Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M311.35,629.32c-31-52.1-49.32-107.44-54.48-164.47-4.13-45.62.1-92.41,12.59-139.08,21.25-79.42,59.65-131.7,60-132.22l4,3c-.38.51-38.28,52.17-59.27,130.72-19.33,72.37-27.84,183.08,41.41,299.52Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M823.77,724.91c39.74-45.77,67.6-97,82.81-152.19,12.17-44.16,16.3-91,12.3-139.1-6.82-81.93-35.32-140.2-35.61-140.78l-4.48,2.22c.28.57,28.42,58.13,35.12,139.16,6.18,74.65-5.1,185.11-93.92,287.41Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M766.71,725.8c39.74-45.77,67.6-97,82.81-152.19,12.17-44.16,16.3-91,12.3-139.1-6.82-81.93-35.32-140.2-35.61-140.78l-4.48,2.22c.28.57,28.42,58.13,35.12,139.16,6.18,74.65-5.1,185.11-93.92,287.41Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M410.3,733.48a148,148,0,0,0,55.49,35.69,151.54,151.54,0,0,0,52.48,8.54c31.3-.31,54.22-9.51,54.45-9.6l-.72-1.76c-.23.09-22.87,9.17-53.82,9.46-28.52.27-70.15-7.09-106.53-43.67Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M452.48,740.89a68.74,68.74,0,0,0,25.77,16.57,70.37,70.37,0,0,0,24.37,4A76.13,76.13,0,0,0,527.9,757l-.33-.82a75.23,75.23,0,0,1-25,4.39,67.49,67.49,0,0,1-49.47-20.28Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M529.94,746.07a68.74,68.74,0,0,0,16.3-25.94,70.37,70.37,0,0,0,3.71-24.41,76.13,76.13,0,0,0-4.72-25.24l-.82.34a75.23,75.23,0,0,1,4.66,24.95,67.49,67.49,0,0,1-19.76,49.68Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M485.78,647.66a68.74,68.74,0,0,0-18.14,24.69,70.37,70.37,0,0,0-5.47,24.08,76.13,76.13,0,0,0,2.88,25.51l.84-.28a75.23,75.23,0,0,1-2.83-25.22,67.49,67.49,0,0,1,23.31-48.11Z",
transform: "translate(-59.5 -42.57)",
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("ellipse", {
cx: 134,
cy: 163.47,
rx: 23,
ry: 63,
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("ellipse", {
cx: 690,
cy: 153.47,
rx: 23,
ry: 38,
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("ellipse", {
cx: 1006.5,
cy: 437.43,
rx: 23,
ry: 38,
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("ellipse", {
cx: 178.5,
cy: 661.47,
rx: 103.5,
ry: 63,
fill: props.primaryColor,
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M633.49,414.93C645,402.72,646,385.66,646,385.66l3.06-27c2-13.39-.32-32-.32-32s7.63-48.42-24.15-45.7c0,0-2.13.38-5.25.76-1.09.13-2.3.26-3.59.37-2.45.22-5.16.37-7.8.34a6.4,6.4,0,0,0,.34-1.3c.76-2.65-.2-6-.33-9a15.29,15.29,0,0,1,.3-3.67c1.44-5.89,5.73-11.21,7.68-17.14a22.65,22.65,0,0,0,.77-3.07,24.84,24.84,0,0,0-5.31-21.12c-2-2.3-4.34-4.26-6.15-6.67-3.31-4.4-4.66-10.2-8.94-13.72-5.12-4.23-9.85-2.21-15.29-.68-2.94.83-4.36-.46-7.11-1.73a46.61,46.61,0,0,0-10.17-3.35c-2.52-.52-5.27-.8-7.53.35-3.93,2-4.68,7.2-7.88,10.17s-7.93,3.16-11.42,5.56a12,12,0,0,0-3.31,3.51l-27.18,4.15-32,7.86s-13,6.72,3.93,27.59c10.58,13,21.89,25.86,28.9,33.67-1.44,1.8-3,3.54-4.54,5.23-1.42,1.53-2.9,3.12-3.48,5.1a6.78,6.78,0,0,0-.17.81h0c-1.56,5.38,4,10.4,4.48,16a9.51,9.51,0,0,1-.12,2.37c-.83,3.25-3.15,6.19-5.45,8.79s-4.72,5.15-6.18,8.26a13.36,13.36,0,0,0-1,3.16,9.77,9.77,0,0,0,.81,7.58c1.47,2.42,4.1,3.91,6.61,5.3,1.64.9,3.4,1.84,5.28,1.75,1.59-.07,3.08-.88,4.67-.87,4.69,0,6.74,6.39,11.22,7.81a5.88,5.88,0,0,0,7.32-4.56c0-.13.07-.26.1-.39l10.2,5.3a5.61,5.61,0,0,0,3.26.91c1.77-.25,2.71-2.06,3-3.84a7.19,7.19,0,0,0,.25-1.53,14.15,14.15,0,0,0-.12-2.57l.4,0,.12.25.74-.07.12.25,1.6-.14c0,.19,0,.37,0,.56.59,9.14-.25,18.36-5.36,21.23-9.2,5.17-20.33,22.28-23.92,28.08l-.18-.25a3.4,3.4,0,0,1-.23.91c-.5.81-.78,1.29-.78,1.29l-.75,1.62c-3.6,5.79-11.49,15-11.49,15l.34.15-.52.68h0c-5.16,6.92-10.89,20.78-9.49,47.74l4.54,41.52,4.44,29.42s1.05,24.38-.5,27.51l-3.69,17.34s-6.8,23.58-3.14,39.89l.57,18.24,2.65,42-1.23,5.78-2.69,21S468,736.09,490,745.94s21.72-5.73,21.72-5.73l2.64-12.38L515.77,712a57.67,57.67,0,0,0-.19-12.26l-.88-7.16,2.52-12.6,0-.24h0c.36,3,6.93-3.05,11.89-8.13a29.77,29.77,0,0,0,7.46-13l5.9-21.44c6.72-10.65,2-17.7,2-17.7l6.83-27.89s11.59-25.15,5-36-2.48-13.47-2.48-13.47L587,507.73c22.09-22.36,26.13-37.35,26.08-45.43l.49.17a3.43,3.43,0,0,1-.41-1l.59.2a3.43,3.43,0,0,1-.41-1l.59.2c-2-3,.45-20.39.45-20.39h0l.13-.88C618.54,433.43,625.88,423,633.49,414.93Zm-86,63.85.12.39c-.3.82-.61,1.65-.93,2.46Zm68.08-72.32-1.14-1.22h0c-.79-3.78-2.21-14.56,4.76-23.55,3.61-4.66,5.43-12,6.33-18.9q.05-.4.1-.81l.33.09,0,0,.83.22c-.8,14.3-.49,27.86-.49,27.86ZM539,345.82a31.32,31.32,0,0,1-1.51-11.95c0-.44.08-.88.15-1.32a5.62,5.62,0,0,1,.49-1.29c.06-.11.14-.2.21-.3a26.9,26.9,0,0,0-.2,4.15,73.84,73.84,0,0,0,1.31,12C539.31,346.67,539.16,346.25,539,345.82ZM515,239.41a49.71,49.71,0,0,0,6.56-1.68,65.12,65.12,0,0,1,7.55-2.13c-1.53,6.93-3.82,13.81-9.17,18.41-3,2.59-7.11,4.68-7.88,8.53,0,.13,0,.26-.06.38s-.09.29-.12.44a7.11,7.11,0,0,0-.07,2.25A149,149,0,0,1,496.14,252S507.13,241,515,239.41Zm9.09,405.92L528.6,623l0-5.34c.51,3.32.82,5.52.82,5.52S526.9,633.49,524.14,645.33Z",
transform: "translate(-59.5 -42.57)",
fill: "url(#88253d48-1998-4d8f-a8ac-7bacc444cfcf)"
}),
_react2.default.createElement("path", {
d: "M611.62,408.69c4.13,12.92-2.52,44.18-2.52,44.18l-57.17-6.15-39.1-26.38,3.22-7.05s13.65-23.75,24.46-30.05c4.95-2.89,5.82-12.07,5.31-21.16a139.44,139.44,0,0,0-3.14-21.38,42.71,42.71,0,0,0-3.3-8.19c-8.07-15.54-24.3-27.78-24.3-27.78S497,284.54,480.76,263.89s-3.62-27.43-3.62-27.43l30.95-8,36.53-6-3.68,17.28c-3.52-3.14-12.87-.44-18.22,1.49a47.35,47.35,0,0,1-6.35,1.71c-7.66,1.65-18.35,12.61-18.35,12.61,21.93,22.15,30.83,22.19,52.51,32.91l2.18,1.09c.43.22.86.42,1.27.61,21.36,9.76,4.51-27.76,4.51-27.76l27.67,3.31s3,10.1,7.72,16.26c2.82,3.69,12.31,3.56,19.47,2.85,1.25-.12,2.42-.26,3.47-.4,3-.4,5.08-.79,5.08-.79,30.72-2.92,23,45.32,23,45.32l-15.84,3.43-2.19.47-3.8,13.81a113.45,113.45,0,0,1-.82,18.34c-.92,6.9-2.72,14.2-6.24,18.86C607.66,394.95,611.62,408.69,611.62,408.69Z",
transform: "translate(-59.5 -42.57)",
fill: "#ffb9b9"
}),
_react2.default.createElement("circle", {
cx: 567.28,
cy: 257.36,
r: 29.44,
transform: "translate(137.98 716.08) rotate(-77.99)",
opacity: 0.1
}),
_react2.default.createElement("circle", {
cx: 567.63,
cy: 255.71,
r: 29.44,
transform: "translate(139.87 715.12) rotate(-77.99)",
fill: "#ffb9b9"
}),
_react2.default.createElement("path", {
d: "M488.84,747.19c-21.16-9.66,5-27.32,5-27.32l2.73-20.92,1.23-5.76-2.29-41.77L495,633.27c-3.43-16.21,3.29-39.72,3.29-39.72L502,576.28c1.52-3.12.67-27.38.67-27.38l-4.09-29.25-4.11-41.29c-2.06-46.88,16.67-54.07,16.67-54.07l14.53,12.55,24.17,27.68.73.83L540,502.67l-11.94,31.86L527,624.59l-11.37,56.73-2.52,12.55.8,7.12a59.08,59.08,0,0,1,.11,12.2L512.49,729l-2.63,12.34S510,756.86,488.84,747.19Z",
transform: "translate(-59.5 -42.57)",
fill: "#ffb9b9"
}),
_react2.default.createElement("path", {
d: "M515.61,681.32c-.91.39-1.5.28-1.6-.58-.53-4.84,12.14-56.32,12.14-56.32s-4.22-32.72-7.63-36.88-3.68-23.14-3.68-23.14l-2.2-22A31.65,31.65,0,0,1,524,517.32a124.7,124.7,0,0,0,22.66-42.48l3.15-10.33.73.83L540,502.67l-11.94,31.86L527,624.59Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M551.88,543.89s-4,2.59,2.31,13.39-5.06,35.9-5.06,35.9L542.36,621s4.53,7-2,17.63L534.49,660a30.35,30.35,0,0,1-7.29,12.94c-4.82,5.08-11.22,11.17-11.54,8.16-.53-4.84,12.14-56.32,12.14-56.32s-4.22-32.72-7.63-36.88-3.68-23.14-3.68-23.14l-2.2-22a31.65,31.65,0,0,1,11.36-25.1,124.7,124.7,0,0,0,22.66-42.48L554.46,455l16.86-2.43,8.39,1,25.68,3.07,2.83.33s10.19,16.79-24.07,52.5Z",
transform: "translate(-59.5 -42.57)",
fill: "#ffb9b9"
}),
_react2.default.createElement("path", {
d: "M516.68,412.74s24,35.47,94,31.23c0,0-2.51,17.31-.56,20.3,0,0-34.64-13.22-63.73,17.48,0,0-9.32-35.9-42.62-50.15C503.76,431.6,516.44,416.3,516.68,412.74Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M517,411.09s24,35.47,94,31.23c0,0-2.51,17.31-.56,20.3,0,0-34.64-13.22-63.73,17.48,0,0-9.32-35.9-42.62-50.15C504.11,430,516.79,414.65,517,411.09Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M516.85,411.92s24,35.47,94,31.23c0,0-2.51,17.31-.56,20.3,0,0-34.64-13.22-63.73,17.48,0,0-9.32-35.9-42.62-50.15C503.93,430.78,516.61,415.48,516.85,411.92Z",
transform: "translate(-59.5 -42.57)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M578,405.64a2.12,2.12,0,0,1,2-2.55c1,0,2.18.14,2.43,1.12a2.59,2.59,0,0,1-.76,2.21,2.12,2.12,0,0,1-3.68-.71Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M585.26,324.43s-.93,23.87,3.5,26.47,3.45-8.4,3.45-8.4S589.85,326.24,585.26,324.43Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M577.66,325.79s7.72,16.26-.61,23.09.82.18.82.18l4.11.88s4.15-15.46-3.5-24",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M563.45,205.25c-2.43-.5-5.08-.76-7.28.39-3.81,2-4.57,7.2-7.68,10.17s-7.68,3.19-11.07,5.61c-4.37,3.12-5.69,8.92-6.7,14.2-1.59,8.23-3.58,17.05-9.84,22.62-2.92,2.6-6.9,4.71-7.67,8.54-.6,2.94,1,5.83,1.74,8.73,1.34,5,.28,10.46-2,15.15s-5.63,8.74-9.11,12.6a13.73,13.73,0,0,0-3.39,5.1c-1.54,5.37,3.83,10.32,4.22,15.89.32,4.52-2.67,8.54-5.63,12-2.24,2.59-4.59,5.16-6,8.26s-1.82,6.91-.09,9.87c1.4,2.4,3.94,3.87,6.36,5.23,1.58.89,3.27,1.81,5.09,1.71,1.54-.08,3-.89,4.52-.9,4.53,0,6.47,6.32,10.79,7.7a5.74,5.74,0,0,0,7.14-5l9.87,5.24a5.25,5.25,0,0,0,3.15.89c1.94-.3,2.87-2.58,3-4.54.3-5.28-2.58-10.14-4.16-15.19a31.91,31.91,0,0,1-1.38-11.88,8.46,8.46,0,0,1,.81-3.43c1.31-2.42,4.3-3.27,6.48-4.95,3-2.34,4.36-6.26,4.83-10s.23-7.64.84-11.41a4,4,0,0,1,.64-1.82,4.63,4.63,0,0,1,2.35-1.31c6.44-2.15,12.93-7.36,12.59-14.13-.22-4.42-3.3-8.15-6.6-11.11s-7-5.59-9.31-9.37c-3.28-5.44-3-12.45-.72-18.39s6.25-11,10.21-16a9.72,9.72,0,0,1,3.58-3.21,8,8,0,0,1,4.1-.31c10.52,1.38,19.19,11.41,19,22-.06,3.72-1.05,7.59.25,11.08.72,1.95,2.13,3.66,2.38,5.72.28,2.33-1,4.63-.73,7,.3,2.62,2.43,4.6,4.43,6.32a18.73,18.73,0,0,0,5.7,3.81c2.16.77,4.82.63,6.47-1,2.83-2.72,1.28-7.37,1.13-11.3-.3-7.75,5.62-14.21,8-21.59a25,25,0,0,0-4.4-23.22c-1.88-2.28-4.17-4.21-5.9-6.6-3.17-4.36-4.44-10.12-8.55-13.6-4.92-4.17-9.5-2.13-14.77-.57-2.85.84-4.21-.43-6.86-1.67A43.59,43.59,0,0,0,563.45,205.25Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M551,321.83l-4.81,2.42,4.35-35.82,2.18,1.09c.43.22.86.42,1.27.61Z",
transform: "translate(-59.5 -42.57)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M563.62,204.43c-2.43-.5-5.08-.76-7.28.39-3.81,2-4.57,7.2-7.68,10.17s-7.68,3.19-11.07,5.61c-4.37,3.12-5.69,8.92-6.7,14.2-1.59,8.23-3.58,17.05-9.84,22.62-2.92,2.6-6.9,4.71-7.67,8.54-.6,2.94,1,5.83,1.74,8.73,1.34,5,.28,10.46-2,15.15s-5.63,8.74-9.11,12.6a13.73,13.73,0,0,0-3.39,5.1c-1.54,5.37,3.83,10.32,4.22,15.89.32,4.52-2.67,8.54-5.63,12-2.24,2.59-4.59,5.16-6,8.26s-1.82,6.91-.09,9.87c1.4,2.4,3.94,3.87,6.36,5.23,1.58.89,3.27,1.81,5.09,1.71,1.54-.08,3-.89,4.52-.9,4.53,0,6.47,6.32,10.79,7.7a5.74,5.74,0,0,0,7.14-5l9.87,5.24a5.25,5.25,0,0,0,3.15.89c1.94-.3,2.87-2.58,3-4.54.3-5.28-2.58-10.14-4.16-15.19a31.91,31.91,0,0,1-1.38-11.88,8.46,8.46,0,0,1,.81-3.43c1.31-2.42,4.3-3.27,6.48-4.95,3-2.34,4.36-6.26,4.83-10s.23-7.64.84-11.41a4,4,0,0,1,.64-1.82,4.63,4.63,0,0,1,2.35-1.31c6.44-2.15,12.93-7.36,12.59-14.13-.22-4.42-3.3-8.15-6.6-11.11s-7-5.59-9.31-9.37c-3.28-5.44-3-12.45-.72-18.39s6.25-11,10.21-16a9.72,9.72,0,0,1,3.58-3.21,8,8,0,0,1,4.1-.31c10.52,1.38,19.19,11.41,19,22-.06,3.72-1.05,7.59.25,11.08.72,1.95,2.13,3.66,2.38,5.72.28,2.33-1,4.63-.73,7,.3,2.62,2.43,4.6,4.43,6.32a18.73,18.73,0,0,0,5.7,3.81c2.16.77,4.82.63,6.47-1,2.83-2.72,1.28-7.37,1.13-11.3-.3-7.75,5.62-14.21,8-21.59a25,25,0,0,0-4.4-23.22c-1.88-2.28-4.17-4.21-5.9-6.6-3.17-4.36-4.44-10.12-8.55-13.6-4.92-4.17-9.5-2.13-14.77-.57-2.85.84-4.21-.43-6.86-1.67A43.59,43.59,0,0,0,563.62,204.43Z",
transform: "translate(-59.5 -42.57)",
fill: "#896363"
}),
_react2.default.createElement("path", {
d: "M640.26,387.27s-1,17-12.24,29.21-21.81,29.76-21.81,29.76l-5.72,22.86s-3.43,24.21-22,18.54c-8.36-2.55-10-9.6-9.3-16.58a33.15,33.15,0,0,1,13.18-22.95l5.4-4.08L611.3,407.3l2.93,3.23,11.61-18.17Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M601.78,471.09s-3.43,24.21-22,18.54c-8.36-2.55-10-9.6-9.3-16.58a32.77,32.77,0,0,1,9.24-19.47l25.68,3.07Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M641.4,321.29l3.54,7.63s2.08,18.5.1,31.84l-3.13,26.85s-1,17-12.24,29.21-21.81,29.76-21.81,29.76l-5.72,22.86s-3.43,24.21-22,18.54c-8.36-2.55-10-9.6-9.3-16.58A33.15,33.15,0,0,1,584,448.46l5.4-4.08,33.47-52.22s-.65-41.42,5-55.7l-3.19-9.28Z",
transform: "translate(-59.5 -42.57)",
fill: "#ffb9b9"
}),
_react2.default.createElement("path", {
d: "M622.29,365a46.92,46.92,0,0,0-11.09-1.49c-13.1-.21-24.5-7.4-24.5-7.4l-8.4-.93c-8,6.48-15.2,7.36-19.66,7a84.83,84.83,0,0,0-12.82-.1,139.44,139.44,0,0,0-3.14-21.38,42.71,42.71,0,0,0-3.3-8.19,26.08,26.08,0,0,1,10-15.32c22.27.44,31.3,30.74,31.3,30.74l6.58,1.4c8.07-25.8,31.26-33.77,31.26-33.77,7.31,3.27,9.74,11.58,10.56,16.79l-2.19.47-3.8,13.81A113.45,113.45,0,0,1,622.29,365Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M619.53,314.92s-23.19,8-31.26,33.77l-6.58-1.4s-9-30.3-31.3-30.74a26.16,26.16,0,0,0-10.66,21.81c.31,14.69,4.5,23.32,4.5,23.32h0a80.87,80.87,0,0,1,15.4-.15c4.47.35,11.62-.52,19.66-7l8.4.93s11.4,7.19,24.5,7.4a47.39,47.39,0,0,1,12.16,1.77h0s9.32-19.16,6.14-28.44C630.49,336.17,630.53,319.84,619.53,314.92Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M617.89,314.57s-23.19,8-31.26,33.77l-6.58-1.4s-9-30.3-31.3-30.74A26.16,26.16,0,0,0,538.08,338c.31,14.69,4.5,23.32,4.5,23.32h0a80.87,80.87,0,0,1,15.4-.15c4.47.35,11.62-.52,19.66-7l8.4.93s11.4,7.19,24.5,7.4a47.39,47.39,0,0,1,12.16,1.77h0s9.32-19.16,6.14-28.44C628.84,335.82,628.88,319.49,617.89,314.57Z",
transform: "translate(-59.5 -42.57)",
opacity: 0.05
}),
_react2.default.createElement("path", {
d: "M618.71,314.74s-23.19,8-31.26,33.77l-6.58-1.4s-9-30.3-31.3-30.74a26.16,26.16,0,0,0-10.66,21.81c.31,14.69,4.5,23.32,4.5,23.32h0a80.87,80.87,0,0,1,15.4-.15c4.47.35,11.62-.52,19.66-7l8.4.93s11.4,7.19,24.5,7.4a47.39,47.39,0,0,1,12.16,1.77h0s9.32-19.16,6.14-28.44C629.67,336,629.7,319.66,618.71,314.74Z",
transform: "translate(-59.5 -42.57)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M621.95,319.73l-2.82,1.12-5.78-36.06c1.25-.12,2.42-.26,3.47-.4Z",
transform: "translate(-59.5 -42.57)",
fill: "#fff"
}),
_react2.default.createElement("ellipse", {
cx: 438.75,
cy: 660.97,
rx: 61.75,
ry: 71.5,
fill: props.primaryColor,
opacity: 0.1
})
);
};
UndrawInThePool.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawInThePool.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawInThePool;