@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
69 lines (68 loc) • 5.46 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default class AuthenticationPending extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 500 500",
name: "attach",
...this.props
}, /*#__PURE__*/React.createElement("g", {
clipPath: "url(#AuthenticationPending_svg__a)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.05,
d: "M200.502 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M35 293.252c-.25 0 0 0 0 0-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "m44.501 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
fill: "var(--zd_emptysvg_plus)"
}), /*#__PURE__*/React.createElement("path", {
d: "M428 52.002c-6.5 0-11.75 5.25-11.75 11.75s5.25 11.75 11.75 11.75 11.75-5.25 11.75-11.75-5.5-11.75-11.75-11.75Zm0 21.25c-5 0-9.25-4.25-9.25-9.5s4.25-9.5 9.25-9.5 9.25 4.25 9.25 9.5-4.25 9.5-9.25 9.5ZM311 432.754c-4.75 0-8.5 3.75-8.5 8.5s3.75 8.5 8.5 8.5 8.5-3.75 8.5-8.5c0-4.5-3.75-8.5-8.5-8.5Zm0 14.75c-3.25 0-6-2.75-6-6.25s2.75-6.25 6-6.25 6 2.75 6 6.25-2.75 6.25-6 6.25Z",
fill: "var(--zd_emptysvg_medium_circle)"
}), /*#__PURE__*/React.createElement("path", {
d: "M202.251 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM474.5 324.498c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
fill: "var(--zd_emptysvg_cross)"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.05,
d: "M289.502 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
fill: "var(--zd_emptysvg_primary_fill)"
})), /*#__PURE__*/React.createElement("g", {
clipPath: "url(#AuthenticationPending_svg__b)"
}, /*#__PURE__*/React.createElement("path", {
opacity: 0.2,
d: "M115.475 302.913s27.64 19.959 40.787 14.238c13.146-5.755 19.358-14.83 38.025-14.83 18.668 0 62.215 20.288 76.051 17.855 13.837-2.433 52.52 3.025 54.623-1.217 2.103-4.241 2.761-32.684-3.451-32.98-6.211-.296-203.241-.921-206.002 2.104-2.76 3.025 0 14.83 0 14.83h-.033ZM114.227 163.001s208.598 8.319 210.669 4.077c2.07-4.241 2.76-32.684-3.451-32.98-6.212-.296-203.242-.921-206.002 2.104-2.761 3.026-1.216 26.766-1.216 26.766v.033ZM114.227 230.903s208.598 8.32 210.669 4.078c2.07-4.242 2.76-32.685-3.451-32.981-6.212-.296-203.242-.92-206.002 2.105-2.761 3.025-1.216 26.766-1.216 26.766v.032Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("path", {
d: "M326.835 298.967c-.427 9.503-1.808 18.283-5.423 19.039-8.118 1.71-201.171 3.387-202.518 0-1.348-3.387-3.714-32.52 0-31.501 3.714 1.019 234.365.329 235.384-2.039 1.019-2.367 1.019-182.395-2.925-181.836-3.944.559-258.061-4.472-259.77 3.946-1.71 8.418-3.386 252.598 0 253.716 2.103.69 201.203.658 201.203.658 22.414-29.956 53.867-63.265 62.248-64.416 15.348-2.104 75.361 114.527 73.257 117.322-2.103 2.795-161.009 5.525-164.92-5.655 0 0 5.555-7.991 14.001-19.696 0 0 71.976-88.025 80.094-82.435l56.233 92.628M175.587 214.527v13.942M169.079 224.031l12.982-5.064M169.836 217.52l11.47 7.957M206.743 214.527v13.942M200.27 224.031l12.981-5.064M201.025 217.52l11.471 7.957M237.934 214.527v13.942M231.426 224.031l13.015-5.064M232.215 217.52l11.437 7.957M269.123 214.527v13.942M262.615 224.031l13.015-5.064M263.404 217.52l11.438 7.957",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeWidth: 2.5,
strokeLinecap: "round",
strokeLinejoin: "round",
fill: "none"
}), /*#__PURE__*/React.createElement("path", {
opacity: 0.2,
d: "m359.766 347.106-4.141 28.311c-.198 1.25-1.939 1.349-2.202.099-2.038-9.371-5.686-26.864-5.226-30.12.427-2.992 2.07-5.984 5.554-5.918 3.846.065 6.573 3.814 6.015 7.628ZM353.982 398.074a6.41 6.41 0 0 0 6.409-6.412 6.41 6.41 0 0 0-6.409-6.412 6.411 6.411 0 0 0-6.409 6.412 6.411 6.411 0 0 0 6.409 6.412Z",
fill: "var(--zd_emptysvg_primary_fill)"
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: "AuthenticationPending_svg__a"
}, /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_circle_fill)",
transform: "translate(25 50)",
d: "M0 0h450v400H0z"
})), /*#__PURE__*/React.createElement("clipPath", {
id: "AuthenticationPending_svg__b"
}, /*#__PURE__*/React.createElement("path", {
fill: "var(--zd_emptysvg_circle_fill)",
transform: "translate(88 100)",
d: "M0 0h342v318H0z"
}))));
}
}
AuthenticationPending.propTypes = EmptyStateProps;
AuthenticationPending.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'AuthenticationPending'
};