@risecx/carespace-chat-ui
Version:
carespace-chat-ui React component
52 lines (44 loc) • 3.37 kB
JavaScript
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
import React, { Component } from 'react';
var MenuIcon = /*#__PURE__*/function (_Component) {
_inheritsLoose(MenuIcon, _Component);
function MenuIcon() {
return _Component.apply(this, arguments) || this;
}
var _proto = MenuIcon.prototype;
_proto._handleClick = function _handleClick(e) {
e.preventDefault();
this.props.onClick && this.props.onClick(e);
};
_proto.render = function render() {
return /*#__PURE__*/React.createElement("button", {
onFocus: this.props.onFocus,
onBlur: this.props.onBlur,
onClick: this._handleClick.bind(this),
className: "sc-menu-icon-wrapper"
}, /*#__PURE__*/React.createElement("svg", {
className: "sc-menu-icon",
width: "61px",
height: "43px",
viewBox: "0 0 61 43",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg"
}, /*#__PURE__*/React.createElement("g", {
id: "Page-1",
stroke: "none",
strokeWidth: "1",
fill: "none",
fillRule: "evenodd"
}, /*#__PURE__*/React.createElement("g", {
id: "Custom-Preset",
transform: "translate(-216.000000, -205.000000)",
fill: "#315282",
fillRule: "nonzero"
}, /*#__PURE__*/React.createElement("path", {
d: "M274.178371,209.719989 L217.983249,209.719989 C217.446661,209.719989 216.995446,209.537064 216.62959,209.171208 C216.263735,208.805353 216.08081,208.378528 216.08081,207.89072 C216.08081,207.354132 216.263735,206.902917 216.62959,206.537062 C216.995446,206.171206 217.446661,205.988281 217.983249,205.988281 L274.178371,205.988281 C274.714959,205.988281 275.166174,206.171206 275.53203,206.537062 C275.897885,206.902917 276.08081,207.354132 276.08081,207.89072 C276.08081,208.378528 275.897885,208.805353 275.53203,209.171208 C275.166174,209.537064 274.714959,209.719989 274.178371,209.719989 Z M274.178371,228.451696 L217.983249,228.451696 C217.446661,228.451696 216.995446,228.268771 216.62959,227.902915 C216.263735,227.53706 216.08081,227.110235 216.08081,226.622428 C216.08081,226.08584 216.263735,225.634625 216.62959,225.268769 C216.995446,224.902914 217.446661,224.719989 217.983249,224.719989 L274.178371,224.719989 C274.714959,224.719989 275.166174,224.902914 275.53203,225.268769 C275.897885,225.634625 276.08081,226.08584 276.08081,226.622428 C276.08081,227.110235 275.897885,227.53706 275.53203,227.902915 C275.166174,228.268771 274.714959,228.451696 274.178371,228.451696 Z M274.178371,247.183403 L217.983249,247.183403 C217.446661,247.183403 216.995446,247.000478 216.62959,246.634623 C216.263735,246.268767 216.08081,245.841942 216.08081,245.354135 C216.08081,244.817547 216.263735,244.366332 216.62959,244.000476 C216.995446,243.634621 217.446661,243.451696 217.983249,243.451696 L274.178371,243.451696 C274.714959,243.451696 275.166174,243.634621 275.53203,244.000476 C275.897885,244.366332 276.08081,244.817547 276.08081,245.354135 C276.08081,245.841942 275.897885,246.268767 275.53203,246.634623 C275.166174,247.000478 274.714959,247.183403 274.178371,247.183403 Z",
id: "\uE92B"
})))), /*#__PURE__*/React.createElement("p", null, "QUICK MENU"));
};
return MenuIcon;
}(Component);
export default MenuIcon;