UNPKG

@zohodesk/svg

Version:

This Bundle Contains EmptyState Images.

49 lines (48 loc) 5.14 kB
import React from 'react'; import { EmptyStateProps } from "./../props/propTypes"; import { EmptyStateDefaultProps } from "./../props/defaultProps"; import SVG from "./../../SVG/SVG"; export default class EmptyDelete extends React.Component { render() { return /*#__PURE__*/React.createElement(SVG, { viewBox: "0 0 200 200", name: "delete", ...this.props }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyDelete_svg__cls-3{fill:var(--zd_emptysvg_plus)}.EmptyDelete_svg__cls-4{fill:var(--zd_emptysvg_medium_circle)}.EmptyDelete_svg__cls-5{fill:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", { fill: "var(--zd_emptysvg_primary_stroke)", d: "M98.66 174.25a113.49 113.49 0 0 1-27.21-3.46 12.5 12.5 0 0 1-9.23-9.71l-1.76-.41a.5.5 0 0 1-.38-.45c0-.16-1-16-1.24-32.23-.46-33 2.67-35.4 3.69-36.17a1.77 1.77 0 0 1 1.73-.27 2.73 2.73 0 0 1 1.35 1.26c34.09-4.43 53.35-2 63.07.54a23.88 23.88 0 0 0 6.74-4.35c-3.66-.92-8.67-5.24-13.17-10.94-10.9-9.35-25-23.9-31-40.47-1.54-4.29-1.65-7-.34-8.18 1-1 2.9-.86 5.49.32 4.39 2 11.06 7.26 17.9 13.9a12.7 12.7 0 0 1 3.09-2.6c6.38-3.89 10.43-2.64 12.7-.9 3.6 2.74 4.7 8.32 3.66 11.92-.66 2.27-2.11 3.67-4 3.84a.44.44 0 0 0-.32.11c-.28.58 1.43 3.12 2.94 5.37 3.49 5.17 8.57 12.72 7.94 19.9a13 13 0 0 1 .21 2.66c-.11 3.89-1.76 5-3.13 5.2h-.14l-9.71 72.07a12.35 12.35 0 0 1-9.66 11 90.93 90.93 0 0 1-19.22 2.05ZM63.3 161.31a11.5 11.5 0 0 0 8.39 8.51c11.17 2.79 28.21 5.32 46 1.45a11.34 11.34 0 0 0 8.88-10.13l.05-.39c-3.73.74-34.91 6.55-63.32.56Zm-.2-1.06c28.38 6.1 59.71.24 63.33-.48L135 96.52a39.82 39.82 0 0 0-6.12-2.16h-.05c-21.39 9.36-49.77 4.4-62.11 1.5 2.33 10.52-.47 37.88-3.6 61.28a11.42 11.42 0 0 0-.02 3.11Zm-2-.46 1 .23a12.49 12.49 0 0 1 0-3c4.24-31.67 5.49-53.53 3.61-61.39-1-.24-1.83-.45-2.54-.64a1 1 0 0 1 .12-1.88l1.27-.11a1.51 1.51 0 0 0-.64-.46.79.79 0 0 0-.79.13c-4.96 3.69-3.2 49.33-2.07 67.12Zm5.38-64.94c11.75 2.75 39.55 7.8 60.82-.9-19.53-4.7-50.16-1.56-61.18-.19a10.72 10.72 0 0 1 .32 1.09Zm63.73-1.1a39 39 0 0 1 5.22 1.86l.8-5.94a23.23 23.23 0 0 1-6.06 4.08Zm-65 .13-1.71.23 2 .49c-.17-.26-.26-.5-.36-.72Zm74.34-9a12.9 12.9 0 0 1-1.84 3.15c.95-.32 1.56-1.37 1.77-3.11Zm-16.65-7.54a155 155 0 0 0 13.64 10.5 11.81 11.81 0 0 0 2.37-4.36 10.88 10.88 0 0 0 .41-2.09C137.57 72 126 56.66 114.4 45.14c-3.46 4.88-2.18 11.71-.18 17.09a57.83 57.83 0 0 0 8.68 15.11Zm4.16 4.73a25.24 25.24 0 0 0 7.53 5.64c-1.68-1.18-4.33-3.1-7.53-5.64ZM115 44.35c10 9.86 20.21 22.58 24 32.36-1.16-5.42-4.78-10.8-7.45-14.76-2.39-3.55-3.51-5.3-3-6.35a1.26 1.26 0 0 1 1.13-.68c2-.17 2.8-2 3.12-3.12.95-3.28-.05-8.36-3.3-10.85-2.91-2.22-6.91-1.88-11.58 1a12.43 12.43 0 0 0-2.92 2.4ZM92.83 29.78a1.77 1.77 0 0 0-1.23.4c-.55.5-1.2 2.1.6 7.1C97.5 52 109.31 65.1 119.49 74.33a56.79 56.79 0 0 1-6.21-11.75c-2.83-7.62-2.65-13.88.42-18.14C107.11 38 100.59 32.77 96 30.67a8.17 8.17 0 0 0-3.17-.89Z" }), /*#__PURE__*/React.createElement("path", { d: "M137.48 86.1c-3.16 2.63-15.63-7.12-27.86-21.78S90 35.64 93.18 33s15.64 7.12 27.87 21.78 19.59 28.69 16.43 31.32Zm-51 62c3.36.94 2.62-30.95-.93-32.26s-2.42 31.33-2.42 31.33Zm22.54-.93s.06-21.75 3.6-20.44 3.11 22.31-.25 21.37Zm-12.92 0s-.24-27.18 3.31-25.87 1.61 27.45 0 26.8c-3.15-1.3-3.28-.91-3.28-.91Z", style: { fill: 'var(--zd_emptysvg_secondary_fill)' } }), /*#__PURE__*/React.createElement("path", { d: "M82.32 58.19S129 27 152.59 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.57-55.3c-.28-13.21 0-44.7 51.22-46.63Z", style: { fill: 'var(--zd_emptysvg_primary_fill)', isolation: 'isolate', opacity: 0.1 } }), /*#__PURE__*/React.createElement("path", { className: "EmptyDelete_svg__cls-3", d: "M16.1 119.3a.49.49 0 0 1-.47-.52l.37-7.48a.51.51 0 0 1 .53-.47.5.5 0 0 1 .47.53l-.41 7.47a.5.5 0 0 1-.51.48Z" }), /*#__PURE__*/React.createElement("path", { className: "EmptyDelete_svg__cls-3", d: "m20 115.77-7.34-.42a.49.49 0 0 1-.47-.53.51.51 0 0 1 .53-.47l7.34.42a.49.49 0 0 1 .47.51.49.49 0 0 1-.52.48Z" }), /*#__PURE__*/React.createElement("path", { className: "EmptyDelete_svg__cls-4", d: "M173.27 22.8a4.75 4.75 0 1 0 4.73 4.82v-.08a4.73 4.73 0 0 0-4.73-4.74Zm0 8.5a3.76 3.76 0 1 1 3.73-3.83v.07a3.72 3.72 0 0 1-3.73 3.76ZM155 170.8a3.45 3.45 0 1 0 3.4 3.5v-.05a3.43 3.43 0 0 0-3.4-3.45Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.43 2.43 0 0 1-2.4 2.45Z" }), /*#__PURE__*/React.createElement("path", { className: "EmptyDelete_svg__cls-5", d: "M59.81 39.5a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 2-2.05 2 2 0 0 1-2 2.05ZM192 131.81a.49.49 0 0 0-.69 0l-2.43 2.19-2.12-2.4a.51.51 0 0 0-.71 0 .5.5 0 0 0 0 .61l2.09 2.38-2.38 2.17a.5.5 0 0 0 0 .7.44.44 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.51.51 0 0 0 .71.05.51.51 0 0 0 0-.71l-2.13-2.42 2.38-2.16a.48.48 0 0 0 .1-.68Z" })); } } EmptyDelete.propTypes = EmptyStateProps; EmptyDelete.defaultProps = { ...EmptyStateDefaultProps, dataId: 'EmptyDelete' }; // if (__DOCS__) { // EmptyDelete.docs = { // componentGroup: 'Emptystate' // }; // }