@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
57 lines • 3.23 kB
JavaScript
import React from 'react';
import { EmptyStateProps } from "../props/propTypes";
import { EmptyStateDefaultProps } from "../props/defaultProps";
import SVG from "../../SVG/SVG";
export default function EmptyColumn(props) {
return /*#__PURE__*/React.createElement(SVG, {
viewBox: "0 0 200 200",
name: "column",
...props
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyColumn_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);isolation:isolate}.EmptyColumn_svg__cls-3,.EmptyColumn_svg__cls-4,.EmptyColumn_svg__cls-5,.EmptyColumn_svg__cls-7,.EmptyColumn_svg__cls-8{fill:none}.EmptyColumn_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyColumn_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyColumn_svg__cls-4,.EmptyColumn_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyColumn_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyColumn_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/React.createElement("path", {
d: "M86.51 62.51S133.43 31.67 157.17 41s40 87.35-26.06 122.38S35.22 122.21 35 108.7c-.28-13.11 0-44.26 51.51-46.19z",
style: {
isolation: 'isolate'
},
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: "EmptyColumn_svg__cls-3",
cx: 79.62,
cy: 29.6,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyColumn_svg__cls-4",
d: "M23.28 100.84l-.35 6.16M20 103.74l6.22.35"
}), /*#__PURE__*/React.createElement("ellipse", {
className: "EmptyColumn_svg__cls-8",
cx: 165.88,
cy: 154.06,
rx: 2.45,
ry: 2.43
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyColumn_svg__cls-7",
d: "M175.6 117.19l4.15 4.6M175.35 121.55l4.65-4.12"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyColumn_svg__cls-6",
d: "M52.32 87.59s-.42-20 4.36-22.43 82.26.24 82.26.24 7.43-.07 8.34 6.9a37.3 37.3 0 010 11.36H62.64s-9.64-.12-10.32 3.93z"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyColumn_svg__cls-5",
d: "M50.72 133.81V72.18c.22-3.39-.26-3.59 1.28-5.58 1.35-1.76 86-1.29 86-1.29s12.95-1.24 12.83 7c0 2.33 0 4.25-.05 5.81 0 0-1 22.22.06 22.18.85 0 2.48-5.52-1.2-14.39a3.72 3.72 0 00-3.43-2.28H62.6s-9.51-1-9 7.3 0 46.41 0 46.41.92 6.9 8 7.22 76.77 0 76.77 0 6.9-1.07 7.4-8.22l.29-10.65V87.13H130a3 3 0 00-3 3v48.53a3 3 0 01-3 3h-12.87a3 3 0 01-3-3V90.54a3 3 0 00-3-3H93.7a3 3 0 00-3 3v48.76a3 3 0 01-3 3H73.37a3 3 0 01-3-3V90.12a3 3 0 013-3h14.22"
}), /*#__PURE__*/React.createElement("path", {
className: "EmptyColumn_svg__cls-6",
d: "M70.61 87.11h18.7V140a2.8 2.8 0 01-3 2.54h-12.7a2.8 2.8 0 01-3-2.54V87.11z"
}));
}
EmptyColumn.propTypes = EmptyStateProps;
EmptyColumn.defaultProps = { ...EmptyStateDefaultProps,
dataId: 'EmptyColumn'
};