UNPKG

@zohodesk/svg

Version:

This Bundle Contains EmptyState Images.

51 lines 3.18 kB
import React from 'react'; import { EmptyStateProps } from "../props/propTypes"; import { EmptyStateDefaultProps } from "../props/defaultProps"; import SVG from "../../SVG/SVG"; export default function EmptyHappiness(props) { return /*#__PURE__*/React.createElement(SVG, { viewBox: "0 0 200 200", name: "happiness", ...props }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyHappiness_svg__cls-3,.EmptyHappiness_svg__cls-4,.EmptyHappiness_svg__cls-5,.EmptyHappiness_svg__cls-6,.EmptyHappiness_svg__cls-7{fill:none}.EmptyHappiness_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyHappiness_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyHappiness_svg__cls-4,.EmptyHappiness_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyHappiness_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyHappiness_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: "EmptyHappiness_svg__cls-3", cx: 79.62, cy: 29.6, rx: 2.12, ry: 2.1 }), /*#__PURE__*/React.createElement("path", { className: "EmptyHappiness_svg__cls-4", d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35" }), /*#__PURE__*/React.createElement("ellipse", { className: "EmptyHappiness_svg__cls-7", cx: 165.88, cy: 154.09, rx: 2.45, ry: 2.43 }), /*#__PURE__*/React.createElement("path", { className: "EmptyHappiness_svg__cls-6", d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12" }), /*#__PURE__*/React.createElement("path", { d: "M68.31 125.71s12.59-12.23 15.08-9.4 5.83 9.18 8.13 8.2 6.44-9.74 8.9-8.32 16.44 9.1 16.44 9.1-11.83 21.44-26.39 23-22.16-22.58-22.16-22.58z", fill: "var(--zd_emptysvg_secondary_fill)" }), /*#__PURE__*/React.createElement("path", { className: "EmptyHappiness_svg__cls-5", d: "M111.71 132.7c-6.94 10.22-17.79 17.3-24.44 15.35C72 143.56 70.8 128.61 70.8 128.61s24.85 13.81 47.93-5.23c0 0-2.83-1.42-2.5.51s1.68 1.92 1.68 1.92-9.76-4.79-16.83-9.32a2.6 2.6 0 00-3.6.82c-1.87 3-5.21 8.35-7.53 6.49-3.35-2.68-6.11-9-8.46-8-1.92.76-9.35 7.52-13.18 9.94 0 0 12-12.59 13.66-12.2s4.54.61 4.54-1.4c0-4-3.63-3-5.54-4a4.31 4.31 0 01-1.65-1.46c-2.07-3.26 2.45-6.13 3.71-8.42a30.21 30.21 0 003.06-20.31C82.43 59.06 74.2 53.53 67.94 52.22a11 11 0 00-11.86 5.63c-16.18 29.28 1 106.87 45 102 47-5.26 55.66-70.81 44.53-101.72s-64-11.14-46.38 12 47.3-5.25 18.86-5.25C101 64.89 97 80.78 96.54 93.46" })); } EmptyHappiness.propTypes = EmptyStateProps; EmptyHappiness.defaultProps = { ...EmptyStateDefaultProps, dataId: 'emptyHappiness' };