@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
72 lines (71 loc) • 5.53 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyTwilio extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "emptyTwilio",
...this.props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#twilio_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.8,
d: "M182.123 280.646s6.5-10.555 10.555-2.038c4.055 8.518 6.317 15.833 18.095 6.521 11.778-9.313 16.709-10.739 21.09-4.931 4.381 5.807 8.538 55.18-34.437 44.992 0-.082-34.009-12.899-15.303-44.544ZM177.534 193.658s6.5-10.535 10.534-2.037c4.035 8.497 6.338 15.812 18.116 6.5 11.778-9.312 16.688-10.718 21.09-4.931 4.401 5.787 8.517 55.201-34.458 45.013.021-.062-34.009-12.899-15.282-44.545ZM272.188 275.39s6.5-10.555 10.555-2.038c4.055 8.518 6.317 15.833 18.095 6.521 11.778-9.312 16.709-10.739 21.09-4.931 4.381 5.807 8.518 55.201-34.437 44.992 0-.081-34.03-12.797-15.303-44.544ZM272.188 182.49s6.5-10.534 10.555-2.037 6.317 15.812 18.095 6.5c11.778-9.312 16.709-10.718 21.09-4.931s8.518 55.201-34.437 44.992c0-.061-34.03-12.878-15.303-44.524Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M378.046 315.288c-33.133 74.152-113.704 86.154-113.704 86.154s-92.654 10.983-140.255-66.327a154.136 154.136 0 0 1-5.359-152.828c15.568-29.2 43.546-58.747 93.653-72.807a145.097 145.097 0 0 1 124.3 21.539 169.969 169.969 0 0 1 17.198 14.264c63.169 60.112 60.295 158.696-6.419 214.875-21.457 18.075-51.065 31.605-91.696 32.44-40.632.836-76.496-26.795-83.546-66.551-2.751-15.568-.876-32.257 10.514-47.764 8.314-11.329 22.537-17.157 36.068-13.387 11.431 3.178 30.382 14.956 19.806 38.716-35.761 80.693-133.632-58.767-53.734-119.368 35.13-26.633 59.297 25.43 37.575 47.07-21.722 21.641-59.093-4.829-40.754-40.305 19.827-38.472 127.092-41.977 144.677-2.914 15.588 34.641-37.657 55.609-53.367 28.528-15.711-27.081 17.503-58.788 48.191-30.097 35.762 33.438 24.921 141.131-27.814 135.812-45.93-4.646-32.848-55.486 2.221-52.45 35.068 3.036 30.198 32.807 13.795 44.952",
stroke: "var(--zd_emptysvg_primary_stroke)",
fill: "transparent",
strokeWidth: 2.5,
strokeLinecap: "round",
strokeLinejoin: "round"
})), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#twilio_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: "twilio_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(100 103)",
d: "M0 0h300.52v300.072H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "twilio_svg__b"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(22.5 50)",
d: "M0 0h450v400H0z"
}))));
}
}
EmptyTwilio.propTypes = EmptyStateProps;
EmptyTwilio.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyTwilio'
}; // if (__DOCS__) {
// EmptyTwilio.docs = {
// componentGroup: 'Emptystate'
// };
// }