@zohodesk/svg/es/emptystate/version3/Variable.js

This Bundle Contains EmptyState Images.

import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class Variable extends React.Component {
  render() {
    return /*#__PURE__*/React.createElement(SVG, {
      viewBox: "0 0 200 200",
      name: "Variable",
      ...this.props
    }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.Variable_svg__cls-5{isolation:isolate}.Variable_svg__cls-2{fill:var(--zd_emptysvg_plus)}.Variable_svg__cls-3{fill:var(--zd_emptysvg_medium_circle)}.Variable_svg__cls-4{fill:var(--zd_emptysvg_cross)}.Variable_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill);}.Variable_svg__cls-6{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
      d: "M73.17 58.19S119.83 27 143.44 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.52-55.3c-.33-13.21 0-44.7 51.17-46.63Z",
      style: {
        isolation: 'isolate',
        fill: 'var(--zd_emptysvg_primary_fill)',
        opacity: 0.1
      }
    }), /*#__PURE__*/React.createElement("path", {
      className: "Variable_svg__cls-2",
      d: "M7 119.3a.49.49 0 0 1-.47-.52l.41-7.47a.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: "Variable_svg__cls-2",
      d: "m10.81 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: "Variable_svg__cls-3",
      d: "M164.12 22.8a4.75 4.75 0 1 0 4.68 4.82v-.08a4.73 4.73 0 0 0-4.68-4.74Zm0 8.5a3.76 3.76 0 1 1 3.69-3.83v.07a3.72 3.72 0 0 1-3.69 3.76ZM117.37 175.07a3.45 3.45 0 1 0 3.4 3.5 3.43 3.43 0 0 0-3.4-3.5Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.42 2.42 0 0 1-2.4 2.48Z"
    }), /*#__PURE__*/React.createElement("path", {
      className: "Variable_svg__cls-4",
      d: "M73.88 22a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 .05 0ZM182.8 131.81a.49.49 0 0 0-.69 0l-2.38 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"
    }), /*#__PURE__*/React.createElement("path", {
      className: "Variable_svg__cls-5",
      d: "M93.2 140.35s7.1 6.8 9 6 39.86-17.67 38.67-19-6.4-4.21-7.73-3.86-40.71 14.89-39.94 16.86Z"
    }), /*#__PURE__*/React.createElement("path", {
      className: "Variable_svg__cls-6",
      d: "M106.84 161.45c9.7 4.77 59.48-28.11 57.51-30.08-3.65-3.64-33.61-9.88-37.26-7.85S78.86 138.8 80.9 142.59s25.1 16.47 29.24 16.26 50.35-22.71 47.39-27.41c-1.33-2.17-24.25-7.71-26-7.15s-41.55 15.14-40 16.9 8 7 9.56 6.24 38-17.6 37.48-19.07-11.74-6.87-13.78-6.17S84.2 137 82.44 136.91s-6.18 1.12-8.58-6S63.11 95.2 63.11 95.2s-2.46-4.63 8-6.94 45.77-7.65 47.18-6.66 10.56 25.4 9.29 35.4a3.39 3.39 0 0 1-2.39 2.8l-40.08 13.11s-6.18 2.67-9.84-6.3-7.73-28.47-7.73-28.47-2.32-4.13 4.92-6c5.9-1.47 43.38-10.37 45.28-8.2s8.93 27.55 7.73 29.73"
    }), /*#__PURE__*/React.createElement("path", {
      className: "Variable_svg__cls-5",
      d: "M85.82 92.53a15.41 15.41 0 0 0-7.53 4.84c-1.61 1.89-2.6 4 0 4.56 5.14 1.12 14.21-1.12 14.21 1.12S75.2 119.52 83.29 123s38.1-3.72 38.24-8.06-6.32-25.24-8.29-26.29c-4.43-2.5-20.18 1.71-27.42 3.88Z"
    }), /*#__PURE__*/React.createElement("path", {
      className: "Variable_svg__cls-6",
      d: "M88.28 105.15 84 110.62l6.82 1.89M97 101.3l-1.27 12M101.78 101.58l6.75 2.52-4.53 5.12M156.83 73s1.69-.21 1.12 2 .15 2.73.92 3.08.28-1.54-.42.07c-.92 2.17-.07 4-1.13 5.26-.7.84-1.83-.07-1.83-.07M149.31 73s-1.69-.21-1.13 2-.14 2.73-.91 3.08-.28-1.54.42.07c.91 2.17.07 4 1.12 5.26.71.84 1.83-.07 1.83-.07M86.31 53.13 80.9 65.68M31.33 133.69s-1.41-19.07.35-19.77 23.41-3.16 25.52-.71 1.76 21.18 1.06 22.23-26.26 4.28-26.93-1.75Z"
    }), /*#__PURE__*/React.createElement("path", {
      className: "Variable_svg__cls-6",
      d: "M166.11 89.24c-.63.91-20.67 3.5-25.8-.07a2.2 2.2 0 0 1-.36-.91s-1.4-19.07.36-19.77 21-2.88 25-1.06c1.85 3.72 1.5 20.76.8 21.81ZM97 69.26c-.64.91-20.46 3.5-25.46-.07a3.52 3.52 0 0 1-.35-.91s-1.4-18.86.35-19.56 20.75-2.81 24.68-1c1.78 3.66 1.41 20.56.78 21.54ZM49.33 118.61h4.57M46.09 118.68h1.76M39.69 118.75l3.8-.07M35.34 118.82l3.37-.07M52.84 122.26l1.06-.07M46.3 122.33l3.87-.07M42.86 122.33h2M35.34 122.4l5.69-.07M39.84 130l-4.5.07M43.07 130h-1.76M49.47 130h-3.8M53.9 129.9l-3.45.07M36.39 126.47h-1M42.86 126.39l-3.8.07M46.37 126.39h-2M53.9 126.32h-5.7"
    }));
  }

}
Variable.propTypes = EmptyStateProps;
Variable.defaultProps = { ...EmptyStateDefaultProps,
  dataId: 'emptyVariable'
}; // if (__DOCS__) {
//   Variable.docs = {
//     componentGroup: 'Emptystate'
//   };
// }