@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
68 lines (67 loc) • 4.41 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class Import extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "import",
...this.props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#Import_svg__clip0)"
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#Import_svg__clip1)"
}, /*#__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.501 284.498l-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.999c-6.5 0-11.75 5.25-11.75 11.75s5.25 11.75 11.75 11.75 11.75-5.25 11.75-11.75-5.5-11.75-11.75-11.75zm0 21.25c-5 0-9.25-4.25-9.25-9.5s4.25-9.5 9.25-9.5 9.25 4.25 9.25 9.5-4.25 9.5-9.25 9.5zM311 432.748c-4.75 0-8.5 3.75-8.5 8.5s3.75 8.5 8.5 8.5 8.5-3.75 8.5-8.5c0-4.5-3.75-8.5-8.5-8.5zm0 14.75c-3.25 0-6-2.75-6-6.25s2.75-6.25 6-6.25 6 2.75 6 6.25-2.75 6.25-6 6.25z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M202.251 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("path", {
d: "M103.272 292.867c-15.153-8.693-21.106-33.684-13.259-53.242 5.683-14.126 15.695-27.98 31.93-27.165 33.554 1.63 25.165 49.711 16.777 48.896-8.388-.815 18.941-107.842 65.483-105.669 46.272 2.173 74.413 55.143 67.107 72.8-7.306 17.657-1.623-57.316 71.437-28.251 73.059 29.066-19.483 132.562-145.309 117.894-49.788-5.977-77.93-16.027-94.166-25.263z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M442.326 285.26H107.333s-61.425 2.445-59.801-55.958c.811-24.992 18.67-46.723 43.294-49.711 14.883-1.63 32.742 2.988 50.872 24.176 0 0-27.871 41.29 1.082-23.633s129.073-101.323 187.521-34.77c63.859 73.072 7.035 104.854 6.494 99.421-.541-5.433 10.282-26.077 42.212-3.531 31.93 22.546-8.929 93.445-78.742 85.567l-47.354-1.901-1.082 44.549s44.377 1.902 40.318-1.901c-4.059-4.075-65.483 46.179-58.718 47.266 7.035 1.086-52.225-53.242-54.931-48.896-7.306 11.137 24.354 6.248 39.236 4.346l-1.353-47.809s-114.19 22.818-147.202-27.707",
stroke: "var(--zd_emptysvg_primary_stroke)",
fill: "transparent",
strokeWidth: 2.5,
strokeMiterlimit: 10,
strokeLinecap: "round",
strokeLinejoin: "round"
}))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "Import_svg__clip0"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
d: "M0 0h500v500H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "Import_svg__clip1"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(25 50)",
d: "M0 0h450v400H0z"
}))));
}
}
Import.propTypes = EmptyStateProps;
Import.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyImport'
}; // if (__DOCS__) {
// Import.docs = {
// componentGroup: 'Emptystate'
// };
// }