@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
72 lines (71 loc) • 5.14 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyArticle extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "emptyArticle",
...this.props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#article_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M200.502 140.5s116.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: "M35 293.249s-.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: "m44.5 284.498-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: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z",
fill: "var(--zd_emptysvg_small_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M202.25 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 5ZM474.5 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: "M289.502 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("g", {
clipPath: "url(#article_svg__b)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.8,
d: "M189.54 215.61s-15.909-98.336 8.02-100.256c23.928-1.921 131.322 0 126.962 23.098-4.36 23.098-60.964 24.448-37.009 36.023 23.955 11.575 65.791-.649 65.791 22.501 0 23.15-163.764 18.634-163.764 18.634ZM196.184 253.371s-16.869 9.447.675 12.379c17.544 2.933 98.492.597 92.419-6.488-6.073-7.085-93.094-5.891-93.094-5.891ZM197.714 293.263s-13.677 8.798.467 11.393c14.145 2.595 79.962.545 75.031-6.021-4.931-6.566-75.498-5.372-75.498-5.372ZM197.714 332.192s-13.677 8.798.467 11.394c14.145 2.595 79.962.545 75.031-6.021-4.931-6.567-75.498-5.373-75.498-5.373Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M385.277 89.246c-.883-3.53-169.525-4.204-234.538-4.334a25.382 25.382 0 0 0-25.434 25.123l-.233 21.255.7 157.977s-3.737 8.85-5.19-7.786c-1.454-16.636.934-151.956.934-151.956-4.386-1.375-11.342-.311-11.004 20.244.519 29.95-2.595 183.722 3.01 187.692 5.606 3.971 20.97 16.481 23.955-20.944 2.595-31.922-.597-166.982-1.583-206.275a15.407 15.407 0 0 1 1.066-6.06 15.402 15.402 0 0 1 8.463-8.589 15.389 15.389 0 0 1 6.043-1.156c4.697 0 8.902 2.595 9.94 10.641 2.725 20.243-7.345 272.792 1.038 278.684 8.383 5.891 228.387 6.54 228.387-8.331 0-14.871-4.464-281.773-5.554-286.185Z",
stroke: "var(--zd_emptysvg_primary_stroke)",
fill: "transparent",
strokeWidth: 2.5,
strokeLinecap: "round",
strokeLinejoin: "round"
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "article_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(25 50)",
d: "M0 0h450v400H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "article_svg__b"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(108.93 83.664)",
d: "M0 0h283.07v305.13H0z"
}))));
}
}
EmptyArticle.propTypes = EmptyStateProps;
EmptyArticle.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyArticle'
}; // if (__DOCS__) {
// EmptyArticle.docs = {
// componentGroup: 'Emptystate'
// };
// }