@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
65 lines • 5.22 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default function EmptyWhatsapp(props) {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "emptyWhatsapp",
...props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#whatsapp_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
d: "M344.584 321.303c-48.752 46.243-122.326 22.075-122.326 22.075l-7.614 9.736c115.849 33.222 149.977-41.522 149.977-41.522a49.424 49.424 0 0 1-23.578.455 49.61 49.61 0 0 1-21.137-10.532s13.68-5.695 15.01-14.432c1.329-8.738-30.02-24.874-30.02-24.874s31.035 30.253 32.364 16.477c1.33-13.776-29.004-23.195-32.291-23.974-3.287-.779-15.155 16.161-15.155 16.161a11.117 11.117 0 0 0 2.617 4.204 11.02 11.02 0 0 0 4.175 2.636c-3.795.389-12.085-2.605-12.085-2.605-33.694-12.802-53.175-49.577-53.392-47.241-.218 2.337 12.689 4.868 13.946-8.616 1.257-13.484-12.085-30.934-12.085-30.934s5.897 24.168 15.154 24.995c9.257.828-7.251-24.168-12.085-29.206-4.834-5.038-58.613-.657-19.988 63.572 38.624 64.23 144.393 81.17 164.527 37.214 8.749-19.081 9.426-40.524 7.396-58.704-3.297-32.004-19.022-61.399-43.749-81.778-36.255-29.426-77.344-28.038-107.388-20.396-33.307 8.445-62.263 29.79-78.457 60.262-33.041 62.234 9.813 114.124 9.813 121.694 0 9.297-26.877 65.933-36.11 60.846-9.233-5.087 69.683-20.298 69.683-20.298l-9.523-11.926-29.971 10.757s25.91-38.381 19.819-50.648c-6.091-12.267-50.758-59.581 5.076-128.411 49.791-61.382 156.865-29.547 174.751 18.936 0 0 24.17 40.84 1.329 104.437",
stroke: "var(--zd_emptysvg_primary_stroke)",
fill: "transparent",
strokeWidth: 2.124,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.8,
d: "M259.431 212.094s9.668 13.727-.677 22.659c-10.345 8.933 15.687 28.866 23.881 21.905 8.193-6.961 30.696-29.547 55.954-24.046 25.258 5.5-8.871-76.278-77.103-67.345.096.097-21.826 6.279-2.055 46.827ZM188.346 233.512s-15.493 83.043 88.295 99.983a45.637 45.637 0 0 0 25.862-3.31c5.535-2.434 11.263-5.574 13.68-8.835 0-.025-99.751-11.464-127.837-87.838Z",
fill: "var(--zd_emptysvg_secondary_fill)"
})), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#whatsapp_svg__b)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M198.002 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M32.5 293.25s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "m42 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M425.5 52C419 52 413.75 57.25 413.75 63.75C413.75 70.25 419 75.5 425.5 75.5C432 75.5 437.25 70.25 437.25 63.75C437.25 57.25 431.75 52 425.5 52ZM425.5 73.25C420.5 73.25 416.25 69 416.25 63.75C416.25 58.5 420.5 54.25 425.5 54.25C430.5 54.25 434.75 58.5 434.75 63.75C434.75 69 430.5 73.25 425.5 73.25Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M308.5 432.75C303.75 432.75 300 436.5 300 441.25C300 446 303.75 449.75 308.5 449.75C313.25 449.75 317 446 317 441.25C317 436.75 313.25 432.75 308.5 432.75ZM308.5 447.5C305.25 447.5 302.5 444.75 302.5 441.25C302.5 437.75 305.25 435 308.5 435C311.75 435 314.5 437.75 314.5 441.25C314.5 444.75 311.75 447.5 308.5 447.5Z",
fill: "var(--zd_emptysvg_small_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
fill: "var(--zd_emptysvg_primary_fill)"
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "whatsapp_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(130 118)",
d: "M0 0h260v250.299H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "whatsapp_svg__b"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(22.5 50)",
d: "M0 0h450v400H0z"
}))));
}
EmptyWhatsapp.propTypes = EmptyStateProps;
EmptyWhatsapp.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyWhatsapp'
};