@iobroker/adapter-react
Version:
React classes to develop admin interfaces for ioBroker with react.
51 lines (44 loc) • 3 kB
JavaScript
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
/**
* @typedef {object} IconLogoutProps
* @property {number} [width] The width in pixels of the icon.
* @property {number} [height] The height in pixels of the icon.
* @property {(e: React.MouseEvent) => void} [onClick] Click handler.
* @property {string} [className] The class name for the SVG element.
*
* @extends {React.Component<ExpertIconProps>}
*/
var IconLogout = function IconLogout(props) {
return /*#__PURE__*/_react["default"].createElement("svg", {
onClick: function onClick(e) {
return props.onClick && props.onClick(e);
},
viewBox: "0 0 512 512",
width: props.width || 20,
height: props.height || props.width || 20,
xmlns: "http://www.w3.org/2000/svg",
className: props.className
}, /*#__PURE__*/_react["default"].createElement("path", {
fill: "currentColor",
d: "M510.371,226.513c-1.088-2.603-2.645-4.971-4.629-6.955l-63.979-63.979c-8.341-8.32-21.824-8.32-30.165,0 c-8.341,8.341-8.341,21.845,0,30.165l27.584,27.584H320.013c-11.797,0-21.333,9.557-21.333,21.333s9.536,21.333,21.333,21.333 h119.168l-27.584,27.584c-8.341,8.341-8.341,21.845,0,30.165c4.16,4.181,9.621,6.251,15.083,6.251s10.923-2.069,15.083-6.251 l63.979-63.979c1.984-1.963,3.541-4.331,4.629-6.955C512.525,237.606,512.525,231.718,510.371,226.513z"
}), /*#__PURE__*/_react["default"].createElement("path", {
fill: "currentColor",
d: "M362.68,298.667c-11.797,0-21.333,9.557-21.333,21.333v106.667h-85.333V85.333c0-9.408-6.187-17.728-15.211-20.437 l-74.091-22.229h174.635v106.667c0,11.776,9.536,21.333,21.333,21.333s21.333-9.557,21.333-21.333v-128 C384.013,9.557,374.477,0,362.68,0H21.347c-0.768,0-1.451,0.32-2.197,0.405c-1.003,0.107-1.92,0.277-2.88,0.512 c-2.24,0.576-4.267,1.451-6.165,2.645c-0.469,0.299-1.045,0.32-1.493,0.661C8.44,4.352,8.376,4.587,8.205,4.715 C5.88,6.549,3.939,8.789,2.531,11.456c-0.299,0.576-0.363,1.195-0.597,1.792c-0.683,1.621-1.429,3.2-1.685,4.992 c-0.107,0.64,0.085,1.237,0.064,1.856c-0.021,0.427-0.299,0.811-0.299,1.237V448c0,10.176,7.189,18.923,17.152,20.907 l213.333,42.667c1.387,0.299,2.795,0.427,4.181,0.427c4.885,0,9.685-1.685,13.525-4.843c4.928-4.053,7.808-10.091,7.808-16.491 v-21.333H362.68c11.797,0,21.333-9.557,21.333-21.333V320C384.013,308.224,374.477,298.667,362.68,298.667z"
}));
};
IconLogout.propTypes = {
onClick: _propTypes["default"].func,
width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
className: _propTypes["default"].string
};
var _default = IconLogout;
exports["default"] = _default;
//# sourceMappingURL=IconLogout.js.map
;