@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
89 lines (88 loc) • 9.33 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class Contract extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "Contract",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.Contract_svg__cls-1{opacity: 0.1;fill:var(--zd_emptysvg_primary_fill)}.Contract_svg__cls-2{fill:var(--zd_emptysvg_plus)}.Contract_svg__cls-3{fill:var(--zd_emptysvg_cross)}.Contract_svg__cls-4{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;stroke-miterlimit:10}.Contract_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill)}')), /*#__PURE__*/React.createElement("g", {
"clip-path": "url(#clip0_8054_29264)"
}, /*#__PURE__*/React.createElement("path", {
d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.0016 291.25 72.2516 257.25C71.7516 224 72.2516 145.5 200.502 140.5Z",
className: "Contract_svg__cls-1"
}), /*#__PURE__*/React.createElement("path", {
d: "M35 293.25C35 293.25 34.75 293.25 35 293.25C34.25 293.25 33.75 292.5 33.75 292L34.75 273.25C34.75 272.5 35.25 272 36 272C36.75 272 37.25 272.5 37.25 273.25L36.25 292C36 292.75 35.5 293.25 35 293.25Z",
className: "Contract_svg__cls-2"
}), /*#__PURE__*/React.createElement("path", {
d: "M44.501 284.5L26.001 283.5C25.251 283.5 24.751 282.75 24.751 282.25C24.751 281.5 25.501 281 26.001 281L44.251 282C45.001 282 45.501 282.75 45.501 283.25C45.751 284 45.251 284.5 44.501 284.5Z",
className: "Contract_svg__cls-2"
}), /*#__PURE__*/React.createElement("path", {
d: "M428 51.9995C421.5 51.9995 416.25 57.2495 416.25 63.7495C416.25 70.2495 421.5 75.4995 428 75.4995C434.5 75.4995 439.75 70.2495 439.75 63.7495C439.75 57.2495 434.25 51.9995 428 51.9995ZM428 73.2495C423 73.2495 418.75 68.9995 418.75 63.7495C418.75 58.4995 423 54.2495 428 54.2495C433 54.2495 437.25 58.4995 437.25 63.7495C437.25 68.9995 433 73.2495 428 73.2495Z",
style: {
fill: 'var(--zd_emptysvg_medium_circle)'
}
}), /*#__PURE__*/React.createElement("path", {
d: "M311 432.749C306.25 432.749 302.5 436.499 302.5 441.249C302.5 445.999 306.25 449.749 311 449.749C315.75 449.749 319.5 445.999 319.5 441.249C319.5 436.749 315.75 432.749 311 432.749ZM311 447.499C307.75 447.499 305 444.749 305 441.249C305 437.749 307.75 434.999 311 434.999C314.25 434.999 317 437.749 317 441.249C317 444.749 314.25 447.499 311 447.499Z",
style: {
fill: 'var(--zd_emptysvg_medium_circle)'
}
}), /*#__PURE__*/React.createElement("path", {
d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z",
className: "Contract_svg__cls-3"
}), /*#__PURE__*/React.createElement("path", {
d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z",
className: "Contract_svg__cls-3"
}), /*#__PURE__*/React.createElement("path", {
d: "M289.502 162.5C289.502 162.5 196.252 100.25 149.002 119C101.752 137.75 69.5017 295.5 200.752 366.25C332.002 437 391.502 283 392.002 255.75C392.502 229.25 392.002 166.25 289.502 162.5Z",
className: "Contract_svg__cls-1"
}), /*#__PURE__*/React.createElement("g", {
"clip-path": "url(#clip1_8054_29264)"
}, /*#__PURE__*/React.createElement("path", {
d: "M476.139 149.33C476.139 149.33 447.846 151.783 435.876 167.041C423.906 182.299 405.135 238.155 392.077 241.697C379.019 245.239 367.321 257.227 367.321 257.227C367.321 257.227 372.49 194.015 368.681 196.467C364.873 198.919 377.659 196.467 380.923 187.476C384.188 178.484 366.777 189.928 354.535 215.812C342.293 241.697 326.242 233.795 326.242 223.441C326.242 213.088 335.492 199.464 340.116 201.099C344.741 202.734 351.814 213.905 348.006 211.725C344.197 209.818 336.852 200.282 339.028 195.65C341.205 191.018 361.88 152.873 371.946 146.061C382.011 139.249 415.745 131.348 425.267 123.446C434.788 115.545 385.004 141.974 368.953 139.522C368.953 139.522 369.497 117.179 351.27 117.724C333.043 118.269 154.854 111.185 151.317 123.719C147.781 136.252 152.677 247.146 152.677 247.146C152.677 247.146 240.548 241.424 219.6 321.257C198.653 401.09 203.278 273.575 238.1 278.48C272.649 283.656 267.752 322.347 259.591 317.17C251.702 311.993 258.503 273.303 272.105 277.39C285.707 281.477 288.7 303.547 284.619 304.091C280.539 304.636 278.362 273.303 302.846 277.935C327.33 282.567 308.559 304.091 307.471 295.645C306.383 287.199 367.321 268.671 367.321 268.671C367.321 268.671 369.769 383.107 363.784 392.643C357.799 402.179 163.831 398.092 156.214 396.73C148.597 395.64 151.317 375.205 151.317 375.205C135.267 373.025 85.4823 399.182 95.0038 391.281C104.525 383.379 138.259 375.75 148.325 368.666C158.39 361.854 178.794 323.709 181.242 319.077C183.418 314.445 176.073 304.909 172.265 303.002C168.456 301.094 175.801 312.265 180.154 313.628C184.507 314.99 194.028 301.367 194.028 291.286C194.028 280.932 177.978 273.303 165.736 298.915C153.494 324.526 135.811 336.515 139.075 327.524C142.34 318.532 155.126 315.808 151.317 318.532C147.509 320.984 152.677 257.772 152.677 257.772C152.677 257.772 140.979 269.488 127.921 273.303C114.863 277.117 95.82 332.156 84.122 347.686C72.4241 363.217 43.8594 365.396 43.8594 365.396",
className: "Contract_svg__cls-4"
}), /*#__PURE__*/React.createElement("path", {
d: "M97.9978 350.411C97.9978 350.411 120.033 297.008 127.651 297.008C135.268 297.008 120.85 328.341 132.275 332.156C143.701 335.971 156.759 326.707 155.127 336.788C153.495 346.597 116.225 378.748 101.806 369.484C87.388 360.22 97.9978 350.411 97.9978 350.411Z",
className: "Contract_svg__cls-5"
}), /*#__PURE__*/React.createElement("path", {
d: "M424.451 160.774C424.451 160.774 402.415 214.177 394.798 214.177C387.181 214.177 401.599 182.844 390.173 179.029C378.747 175.215 365.689 184.479 367.322 174.397C368.954 164.588 406.224 132.437 420.642 141.701C435.061 150.965 424.451 160.774 424.451 160.774Z",
className: "Contract_svg__cls-5"
}), /*#__PURE__*/React.createElement("path", {
d: "M319.714 320.712C323.795 316.352 331.14 319.349 330.868 325.344C330.596 329.158 333.861 332.155 337.669 332.155C343.654 331.883 346.647 339.24 342.294 343.326C339.573 345.779 339.573 350.138 342.294 352.863C346.647 356.95 343.654 364.306 337.669 364.034C333.861 363.761 330.868 367.031 330.868 370.846C331.14 376.84 323.795 379.837 319.714 375.478C317.266 372.753 312.913 372.753 310.193 375.478C306.112 379.837 298.767 376.84 299.039 370.846C299.311 367.031 296.046 364.034 292.238 364.034C286.253 364.306 283.26 356.95 287.613 352.863C290.333 350.411 290.333 346.051 287.613 343.326C283.26 339.24 286.253 331.883 292.238 332.155C296.046 332.428 299.039 329.158 299.039 325.344C298.767 319.349 306.112 316.352 310.193 320.712C312.913 323.436 317.266 323.436 319.714 320.712Z",
className: "Contract_svg__cls-5"
}), /*#__PURE__*/React.createElement("path", {
d: "M191.581 146.878C191.581 146.878 166.281 156.687 192.669 159.957C219.058 163.226 341.206 160.502 331.956 153.145C322.707 145.788 191.581 146.878 191.581 146.878Z",
className: "Contract_svg__cls-5"
}), /*#__PURE__*/React.createElement("path", {
d: "M189.676 183.389C189.676 183.389 175.257 192.653 190.22 195.378C205.182 198.102 274.01 195.923 268.841 189.111C263.672 182.299 189.676 183.389 189.676 183.389Z",
className: "Contract_svg__cls-5"
}), /*#__PURE__*/React.createElement("path", {
d: "M189.676 213.36C189.676 213.36 175.257 222.624 190.22 225.348C205.182 228.073 274.01 225.893 268.841 219.082C263.672 212.27 189.676 213.36 189.676 213.36Z",
className: "Contract_svg__cls-5"
}))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "clip0_8054_29264"
}, /*#__PURE__*/React.createElement("rect", {
width: "450",
height: "400",
fill: "white",
transform: "translate(25 50)"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "clip1_8054_29264"
}, /*#__PURE__*/React.createElement("rect", {
width: "435",
height: "285",
fill: "white",
transform: "translate(42.5 115)"
}))));
}
}
Contract.propTypes = EmptyStateProps;
Contract.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'Contract'
}; // if (__DOCS__) {
// Contract.docs = {
// componentGroup: 'Emptystate'
// };
// }