@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
75 lines • 6.55 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default function CustomButton(props) {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 150 150",
name: "CustomButton",
styleName: {
fill: 'none'
},
...props
}, /*#__PURE__*/React.createElement("g", {
"clip-path": "url(#clip0_3326_124506)"
}, /*#__PURE__*/React.createElement("path", {
opacity: "0.1",
d: "M60.1499 42.1506C60.1499 42.1506 95.1749 18.7506 112.875 25.8006C130.575 32.8506 142.65 92.0256 93.4499 118.576C44.2499 145.126 21.8999 87.3756 21.6749 77.1756C21.5249 67.2006 21.6749 43.6506 60.1499 42.1506Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M10.5 87.9746C10.425 87.9746 10.5 87.9746 10.5 87.9746C10.275 87.9746 10.125 87.7496 10.125 87.5996L10.425 81.9746C10.425 81.7496 10.575 81.5996 10.8 81.5996C11.025 81.5996 11.175 81.7496 11.175 81.9746L10.875 87.5996C10.8 87.8246 10.65 87.9746 10.5 87.9746Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M13.3498 85.3488L7.7998 85.0488C7.5748 85.0488 7.4248 84.8238 7.4248 84.6738C7.4248 84.4488 7.6498 84.2988 7.7998 84.2988L13.2748 84.5988C13.4998 84.5988 13.6498 84.8238 13.6498 84.9738C13.7248 85.1988 13.5748 85.3488 13.3498 85.3488Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M128.4 15.5996C126.45 15.5996 124.875 17.1746 124.875 19.1246C124.875 21.0746 126.45 22.6496 128.4 22.6496C130.35 22.6496 131.925 21.0746 131.925 19.1246C131.925 17.1746 130.275 15.5996 128.4 15.5996ZM128.4 21.9746C126.9 21.9746 125.625 20.6996 125.625 19.1246C125.625 17.5496 126.9 16.2746 128.4 16.2746C129.9 16.2746 131.175 17.5496 131.175 19.1246C131.175 20.6996 129.9 21.9746 128.4 21.9746Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M93.3 129.824C91.875 129.824 90.75 130.949 90.75 132.374C90.75 133.799 91.875 134.924 93.3 134.924C94.725 134.924 95.85 133.799 95.85 132.374C95.85 131.024 94.725 129.824 93.3 129.824ZM93.3 134.249C92.325 134.249 91.5 133.424 91.5 132.374C91.5 131.324 92.325 130.499 93.3 130.499C94.275 130.499 95.1 131.324 95.1 132.374C95.1 133.424 94.275 134.249 93.3 134.249Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M60.6748 15C59.3998 15 58.4248 16.05 58.4248 17.25C58.4248 18.45 59.3998 19.5 60.6748 19.5C61.9498 19.5 62.9248 18.45 62.9248 17.25C62.9248 16.05 61.9498 15 60.6748 15ZM60.6748 18.825C59.8498 18.825 59.1748 18.15 59.1748 17.325C59.1748 16.5 59.8498 15.825 60.6748 15.825C61.4998 15.825 62.1748 16.5 62.1748 17.325C62.1748 18.15 61.4998 18.825 60.6748 18.825Z",
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M142.35 97.3504C142.2 97.2004 141.975 97.2004 141.825 97.3504L140.025 99.0004L138.45 97.2004C138.3 97.0504 138.075 97.0504 137.925 97.2004C137.775 97.3504 137.775 97.5754 137.925 97.7254L139.5 99.5254L137.7 101.175C137.55 101.325 137.55 101.55 137.7 101.7C137.775 101.775 137.85 101.85 138 101.85C138.075 101.85 138.15 101.85 138.225 101.775L140.025 100.125L141.6 101.925C141.675 102 141.75 102.075 141.9 102.075C141.975 102.075 142.05 102.075 142.125 102C142.275 101.85 142.275 101.625 142.125 101.475L140.55 99.6754L142.35 98.0254C142.5 97.8004 142.5 97.5004 142.35 97.3504Z",
fill: "var(--zd_emptysvg_tiny_circle)"
}), /*#__PURE__*/React.createElement("path", {
opacity: "0.1",
d: "M86.8499 48.7507C86.8499 48.7507 58.8749 30.0757 44.6999 35.7007C30.5249 41.3257 20.8499 88.6507 60.2249 109.876C99.5999 131.101 117.45 84.9007 117.6 76.7257C117.75 68.7757 117.6 49.8757 86.8499 48.7507Z",
fill: "var(--zd_emptysvg_primary_fill)"
})), /*#__PURE__*/React.createElement("g", {
"clip-path": "url(#clip1_3326_124506)"
}, /*#__PURE__*/React.createElement("path", {
d: "M104.88 73.3009C104.88 73.3009 115.4 59.9309 103.23 58.4609C94.5199 57.4109 55.1099 56.1509 39.8899 59.4309C33.8399 60.7309 38.9499 70.0109 40.1499 71.0109C44.3599 74.5409 104.89 73.3009 104.89 73.3009H104.88Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M118.56 80.2801C118.56 80.2801 118.17 71.8401 118.33 69.2001C118.33 69.2001 117.86 63.0901 119.03 63.2001C120.2 63.3101 113.24 72.8301 113.36 70.8601C113.48 68.8901 118.32 61.8101 119.17 62.1401C120.02 62.4701 126.24 69.1501 125.19 69.1501C124.14 69.1501 119.34 65.3301 119.34 65.3301C119.34 65.3301 119.69 80.4101 120.08 80.4101C120.47 80.4101 134.9 81.4501 135.35 80.9601C135.8 80.4701 129.49 76.3501 129.36 77.2501C129.23 78.1501 137.8 81.4401 137.35 81.6301C136.9 81.8201 131.62 89.2301 131.23 88.0701C130.84 86.9101 134.58 82.0801 134.58 82.0801C134.58 82.0801 99.9201 82.2701 100.05 82.4701C100.18 82.6701 105.98 87.8201 105.66 87.8201C105.34 87.8201 96.9601 83.1801 98.2501 81.7001C99.5401 80.2201 106.82 75.3201 107.08 75.5101C107.34 75.7001 100.44 81.1201 101.41 81.2401C102.38 81.3601 119 81.8601 119.04 82.9101C119.08 83.9601 120.44 101.27 119.24 100.58C118.04 99.8901 113.31 95.0001 113.77 95.0001C114.23 95.0001 119.29 101.44 120.9 101.04C122.51 100.64 126.6 94.5401 126.02 94.2501C125.44 93.9601 120.84 99.2601 120.84 99.2601L120.15 84.0301",
stroke: "var(--zd_emptysvg_primary_stroke)",
"stroke-linecap": "round",
"stroke-linejoin": "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M118.39 81.0098C120.46 79.5898 119.77 52.0698 117.01 49.6498C114.25 47.2298 34.0501 49.3398 29.5301 49.6498C25.0001 49.9598 26.8901 81.0098 26.8901 81.0098C26.8901 81.0098 116.32 82.4298 118.39 81.0098Z",
stroke: "var(--zd_emptysvg_primary_stroke)",
"stroke-linecap": "round",
"stroke-linejoin": "round"
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "clip0_3326_124506"
}, /*#__PURE__*/React.createElement("rect", {
width: "135",
height: "120",
fill: "white",
transform: "translate(7.5 15)"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "clip1_3326_124506"
}, /*#__PURE__*/React.createElement("rect", {
width: "111.85",
height: "53.57",
fill: "white",
transform: "translate(26 48)"
}))));
}
CustomButton.propTypes = EmptyStateProps;
CustomButton.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'CustomButton'
};