@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
71 lines (59 loc) • 4.1 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = EmptyFrame;
var _react = _interopRequireDefault(require("react"));
var _propTypes = require("../props/propTypes");
var _defaultProps = require("../props/defaultProps");
var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function EmptyFrame(props) {
return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
viewBox: "0 0 200 200",
name: "emptyFrame"
}, props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.EmptyFrame_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.EmptyFrame_svg__cls-3,.EmptyFrame_svg__cls-4,.EmptyFrame_svg__cls-5{fill:none}.EmptyFrame_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFrame_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFrame_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/_react["default"].createElement("path", {
className: "EmptyFrame_svg__cls-1",
d: "M87.55 64.35s46.92-30.84 70.66-21.56 40 87.37-26.06 122.42S36.26 124 36 110.51c-.24-13.06 0-44.22 51.55-46.16z"
}), /*#__PURE__*/_react["default"].createElement("ellipse", {
cx: 157.08,
cy: 33.53,
rx: 3.54,
ry: 3.51,
strokeMiterlimit: 10,
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "none"
}), /*#__PURE__*/_react["default"].createElement("ellipse", {
className: "EmptyFrame_svg__cls-5",
cx: 80.66,
cy: 31.43,
rx: 2.12,
ry: 2.1
}), /*#__PURE__*/_react["default"].createElement("path", {
className: "EmptyFrame_svg__cls-4",
d: "M24.32 102.69l-.35 6.17M21.04 105.6l6.22.35"
}), /*#__PURE__*/_react["default"].createElement("ellipse", {
cx: 166.92,
cy: 155.93,
rx: 2.45,
ry: 2.43,
stroke: "var(--zd_emptysvg_small_circle)",
strokeLinecap: "round",
strokeLinejoin: "round",
fill: "none"
}), /*#__PURE__*/_react["default"].createElement("path", {
className: "EmptyFrame_svg__cls-3",
d: "M176.64 119.05l4.15 4.6M176.4 123.4l4.64-4.11"
}), /*#__PURE__*/_react["default"].createElement("path", {
className: "EmptyFrame_svg__cls-1",
d: "M59.89 123.66S22 99.3 21.1 78.87s51.06-57.72 98.23-20.71 1 83.7-8.82 88.28c-9.51 4.43-32.43 14.39-50.62-22.78z"
}));
}
EmptyFrame.propTypes = _propTypes.EmptyStateProps;
EmptyFrame.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
dataId: 'emptyFrame'
});