@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
72 lines (71 loc) • 4.56 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyTelegram extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "emptyTelegram",
...this.props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#telegram_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
d: "M40.543 341.908c176.402-75.574 368.142-199.294 368.142-199.294L224.62 277.978s-13.746 9.44-6.157 32.539c7.589 23.1 12.368 53.727-1.25 43.735-13.619-9.992-1.162-106.644-90.471-106.157 0 0-4.231-2.123 8.642-8.248 12.873-6.124 229.589-91.488 285.685-118.527a5.03 5.03 0 0 1 2.971-.472 5.045 5.045 0 0 1 2.712 1.307 5.065 5.065 0 0 1 1.225 5.626l-90.105 221.897s-5.036 20.229-24.621 5.86c-19.584-14.369-39.892-53.193-78.282-17.563",
stroke: "var(--zd_emptysvg_primary_stroke)",
fill: "transparent",
strokeWidth: 2.5,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.8,
d: "M230.738 320.314s-6.665-8.181 16.64-36.43c23.305-28.249 147.516-133.762 149.263-122.48 1.747 11.282-76.925 182.895-85.626 166.512-8.7-16.383-56.422-32.061-80.277-7.602Z",
fill: "var(--zd_emptysvg_secondary_fill)"
})), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#telegram_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: "telegram_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "rotate(-8.803 1191.04 .193)",
d: "M0 0h420v225.978H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "telegram_svg__b"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(22.5 50)",
d: "M0 0h450v400H0z"
}))));
}
}
EmptyTelegram.propTypes = EmptyStateProps;
EmptyTelegram.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyTelegram'
}; // if (__DOCS__) {
// EmptyTelegram.docs = {
// componentGroup: 'Emptystate'
// };
// }