@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
61 lines (60 loc) • 3.98 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "./../props/propTypes";
import { EmptyStateDefaultProps } from "./../props/defaultProps";
import SVG from "./../../SVG/SVG";
export default class EmptyTicket extends React.Component {
render() {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "ticket",
...this.props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyTicket_svg__cls-3,.EmptyTicket_svg__cls-4,.EmptyTicket_svg__cls-5,.EmptyTicket_svg__cls-6,.EmptyTicket_svg__cls-7{fill:none}.EmptyTicket_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTicket_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTicket_svg__cls-4,.EmptyTicket_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTicket_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTicket_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
d: "M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z",
opacity: 0.05,
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/React.createElement("ellipse", {
cx: 156.04,
cy: 31.69,
rx: 3.54,
ry: 3.51,
strokeMiterlimit: 10,
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "none"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyTicket_svg__cls-3",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTicket_svg__cls-4",
d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyTicket_svg__cls-7",
cx: 165.88,
cy: 154.09,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTicket_svg__cls-6",
d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
}), /*#__PURE__*/React.createElement("path", {
d: "M92.47 136.92c5.86 6.12 3.36 12.57 1.4 15.86a3.49 3.49 0 00.57 4.28l4.19 4.16a3.49 3.49 0 004.9 0 355.81 355.81 0 0055-54.57 3.4 3.4 0 000-4.86l-2.72-2.7a6.17 6.17 0 00-7.02-1.09 13 13 0 01-14.73-2.47 12.64 12.64 0 01-2.76-13.82c2.95-3.95.37-6.61-2-9l-1.38-1.37a3.48 3.48 0 00-4.91 0L68 126a3.42 3.42 0 000 4.86l4.15 4.14a3.59 3.59 0 004.31.57c3.43-2.03 10.24-4.67 16.01 1.35z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyTicket_svg__cls-5",
d: "M67.59 117.27q-1.25-28.22 0-55.94a3.5 3.5 0 013.52-3.49h5.47a3.75 3.75 0 013.66 2.87 12.84 12.84 0 0025 0 3.73 3.73 0 013.66-2.87h5.46a3.5 3.5 0 013.52 3.49v5.8a21.87 21.87 0 01-2.72 10.63c-5.23 9.46-11.82 19-32.25 37.78-3.26 3-5.58.08-3.68-2.52C88.69 100.09 123 71.54 123 71.54a3.49 3.49 0 014.9 0l3.93 3.9a3.7 3.7 0 01.54 4.59 12.52 12.52 0 001.81 15.68A12.9 12.9 0 00150 97.55a3.78 3.78 0 014.66.52l3.91 3.87a3.42 3.42 0 010 4.86 371.77 371.77 0 01-54.91 54.44 3.49 3.49 0 01-4.9 0l-3.67-3.64a4.39 4.39 0 01-.78-5.25c1.89-3.38 3.85-9.51-1.7-15.4-6.64-5.53-12.31-3.94-15.51-2a4.54 4.54 0 01-5.53-.63l-3.46-3.44a3.39 3.39 0 010-4.85l5.76-5.72a5.41 5.41 0 013.55-1.62c1.08 0 1.91.34.92 2-2 3.27-24.61 3.6-24.61 3.6"
}), /*#__PURE__*/React.createElement("path", {
d: "M98.5 116.52l6.91-1 3.52-6.23a.39.39 0 01.5 0l3.14 6.36 7.54.87c.25 0 .38.25.13.5l-5.66 5 1.39 6.85c0 .25-.13.38-.38.25l-6-3.11-6.59 3.21c-.13.13-.38 0-.38-.24l.63-7-5-4.86a1 1 0 01.25-.6z",
fill: "var(--zd_emptysvg_circle_fill)"
}));
}
}
EmptyTicket.propTypes = EmptyStateProps;
EmptyTicket.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'emptyTicket'
}; // if (__DOCS__) {
// EmptyTicket.docs = {
// componentGroup: 'Emptystate'
// };
// }