@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
64 lines (63 loc) • 6.6 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default class EmptyAPIs extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 147 140",
name: "emptyApis",
...this.props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#APIs_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M58.946 39.611s34.324-21.588 51.67-15.084c17.346 6.504 29.179 61.097-19.037 85.591-48.215 24.494-70.118-28.784-70.339-38.194-.147-9.203 0-30.929 37.706-32.313Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M10.29 81.887c-.074 0 0 0 0 0a.382.382 0 0 1-.368-.346l.294-5.19c0-.207.147-.345.367-.345s.368.138.368.346l-.294 5.19c-.074.207-.22.345-.368.345Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "m13.082 79.466-5.44-.277a.382.382 0 0 1-.367-.346c0-.208.22-.346.368-.346l5.365.277c.22 0 .368.207.368.346.073.207-.074.346-.294.346Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M125.831 15.117c-1.911 0-3.454 1.453-3.454 3.252 0 1.8 1.543 3.252 3.454 3.252 1.911 0 3.455-1.453 3.455-3.252 0-1.799-1.617-3.252-3.455-3.252Zm0 5.881c-1.47 0-2.719-1.176-2.719-2.629s1.249-2.63 2.719-2.63c1.47 0 2.72 1.177 2.72 2.63 0 1.453-1.25 2.63-2.72 2.63ZM91.433 120.497c-1.397 0-2.5 1.038-2.5 2.353 0 1.314 1.103 2.352 2.5 2.352 1.396 0 2.499-1.038 2.499-2.352 0-1.246-1.103-2.353-2.5-2.353Zm0 4.082c-.956 0-1.764-.761-1.764-1.729 0-.969.808-1.73 1.764-1.73.955 0 1.764.761 1.764 1.73 0 .968-.809 1.729-1.764 1.729Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M59.46 14.563c-1.249 0-2.204.97-2.204 2.076 0 1.107.955 2.076 2.205 2.076s2.205-.969 2.205-2.076c0-1.107-.956-2.075-2.205-2.075Zm0 3.53c-.808 0-1.47-.623-1.47-1.385 0-.76.662-1.383 1.47-1.383.81 0 1.47.622 1.47 1.383 0 .762-.66 1.384-1.47 1.384ZM139.503 90.537a.37.37 0 0 0-.514 0l-1.764 1.522-1.544-1.66a.37.37 0 0 0-.514 0 .321.321 0 0 0 0 .484l1.543 1.66-1.764 1.523a.321.321 0 0 0 0 .484c.074.07.147.139.294.139.074 0 .147 0 .221-.07l1.764-1.522 1.543 1.66c.074.07.147.14.294.14.074 0 .147 0 .221-.07a.321.321 0 0 0 0-.484l-1.544-1.66 1.764-1.523c.147-.208.147-.484 0-.623Z",
fill: "var(--zd_emptysvg_cross)"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.1,
d: "M85.113 45.7S57.697 28.471 43.806 33.66c-13.892 5.19-23.373 48.85 15.214 68.432 38.588 19.582 56.081-23.04 56.228-30.583.147-7.334 0-24.77-30.135-25.809Z",
fill: "var(--zd_emptysvg_primary_fill)"
})), /*#__PURE__*/React.createElement("path", {
d: "m58.557 48.223 3.661-3.97c1.734-1.895 4.818-2.166 6.841-.541l2.409 1.894c3.18 2.527 7.997 2.166 10.791-.812 2.698-2.977 2.313-7.49-.867-10.106l-2.409-1.895c-2.023-1.625-2.312-4.512-.578-6.407l3.854-4.241c1.734-1.895 4.818-2.166 6.841-.542 4.529 3.61 11.369 3.159 15.32-1.173l1.831-1.985c1.734-1.895 4.817-2.166 6.84-.542l7.612 6.046c2.024 1.625 2.313 4.512.578 6.407l-1.349 1.444c-3.854 4.241-3.372 10.648 1.253 14.348l.578.451c2.023 1.624 2.312 4.512.578 6.407l-4.143 4.512c-1.734 1.895-4.817 2.166-6.841.541l-4.239-3.429c-3.18-2.526-7.997-2.165-10.792.812-2.697 2.978-2.312 7.49.868 10.107l4.239 3.43c2.023 1.623 2.312 4.511.578 6.406l-5.203 5.685c-1.734 1.895-4.817 2.166-6.84.542l-6.745-5.325c-2.024-1.624-5.107-1.443-6.841.542l-3.18 3.52c-2.698 2.977-7.419 3.338-10.598.811l-.193-.09c-3.18-2.527-3.565-6.948-.867-9.926l2.89-3.249c1.735-1.895 1.542-4.782-.578-6.407l-4.817-3.88c-2.024-1.624-5.107-1.444-6.841.542l-1.35 1.443c-3.564 3.97-9.923 4.422-14.163 1.083-2.023-1.624-5.106-1.444-6.84.542l-4.433 4.873c-1.638 1.804-1.349 4.692.675 6.316 4.24 3.339 4.72 9.295 1.156 13.265l-2.89 3.159c-1.735 1.894-1.542 4.782.577 6.406l5.974 4.693c2.024 1.624 5.107 1.444 6.841-.542l1.83-2.075c2.699-2.978 7.42-3.339 10.6-.812 3.179 2.526 3.564 6.948.867 9.926l-1.831 2.075c-1.734 1.895-1.542 4.783.578 6.407l5.781 4.602c2.023 1.625 5.107 1.444 6.84-.541l4.915-5.414c3.18-3.52 8.768-3.881 12.43-.903 2.022 1.625 5.106 1.444 6.84-.541l3.661-3.971c1.735-1.895 1.542-4.782-.578-6.406l-3.372-2.708c-2.505-1.985-2.89-5.594-.674-7.94",
stroke: "var(--zd_emptysvg_primary_stroke)",
fill: "transparent",
strokeMiterlimit: 10,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M58.269 50.119c.904 0 1.638-.687 1.638-1.534s-.734-1.534-1.638-1.534c-.905 0-1.638.687-1.638 1.534s.733 1.534 1.638 1.534ZM86.402 91.898c.904 0 1.638-.687 1.638-1.534s-.734-1.534-1.638-1.534c-.905 0-1.638.687-1.638 1.534s.733 1.534 1.638 1.534Z",
fill: "var(--zd_emptysvg_primary_stroke)"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.2,
d: "M65.013 57.247c-.77-.542-1.349-1.264-1.638-2.166-.578-1.715-.193-4.15 7.226-3.249 11.177 1.444 23.317-9.204 15.224-17.416-7.323-7.399.481-11.189 6.263-7.399 4.239 2.797 14.452-.632 17.343-3.52 2.119-2.165 8.96.903 7.997 4.874-.964 3.97-7.805 13.445-1.156 19.491 6.648 6.046-16.862.993-21.198 4.692-3.95 3.34-7.13 9.836-.578 15.34 5.878 5.054-2.89 12.363-13.585 2.076-1.253-1.173-3.565 2.798-4.914 3.88-2.023 1.625-5.01 3.43-7.323 2.347-3.95-1.715 2.409-9.927 1.638-13.085-.578-2.256-3.757-4.782-5.3-5.865Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.2,
d: "M63.664 110.307c-.578.632-1.253 1.173-2.12 1.444-1.734.451-4.047.181-3.18-6.226 1.35-9.566-8.96-19.853-16.957-12.995-7.227 6.227-10.888-.45-7.227-5.323 2.794-3.61-.674-12.363-3.468-14.8-2.12-1.804.867-7.67 4.72-6.858 3.855.813 13.104 6.678 18.982.993 5.877-5.685.963 14.438 4.528 18.048 3.276 3.338 9.54 6.045 14.935.45 4.914-5.053 12.044 2.437 2.023 11.641-1.156 1.083 2.698 3.069 3.758 4.242 1.541 1.714 3.372 4.241 2.312 6.226-1.734 3.339-9.635-2.075-12.718-1.444-2.12.632-4.529 3.249-5.588 4.602Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "APIs_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "#fff",
transform: "translate(7.35 14.563)",
d: "M0 0h132.3v110.708H0z"
}))));
}
}
EmptyAPIs.propTypes = EmptyStateProps;
EmptyAPIs.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyApis'
};