@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
64 lines (63 loc) • 4.66 kB
JavaScript
"use strict";
exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _excluded = ["bold", "width", "height"];
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
var IconEyeSlash = exports["default"] = function IconEyeSlash(props) {
var _props$bold = props.bold,
bold = _props$bold === void 0 ? true : _props$bold,
_props$width = props.width,
width = _props$width === void 0 ? "24px" : _props$width,
_props$height = props.height,
height = _props$height === void 0 ? "24px" : _props$height,
restProps = _objectWithoutPropertiesLoose(props, _excluded);
if (bold) {
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
"aria-hidden": "true",
fill: "currentColor",
width: width,
height: height
}, restProps), /*#__PURE__*/_react["default"].createElement("g", {
"clip-path": "url(#a)"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M4.832 2.993a1.125 1.125 0 1 0-1.665 1.514l1.5 1.654c-3.23 2.15-4.63 5.237-4.698 5.382a1.13 1.13 0 0 0 0 .915c.034.076.856 1.899 2.67 3.713 2.427 2.423 5.486 3.704 8.86 3.704 1.641.01 3.267-.31 4.782-.937l1.884 2.071a1.125 1.125 0 0 0 1.665-1.513zM11.5 17.625c-2.774 0-5.2-1.006-7.21-2.989A12.3 12.3 0 0 1 2.267 12c.494-.873 1.762-2.803 3.938-4.152l8.446 9.291a10.3 10.3 0 0 1-3.151.486m11.531-5.167c-.034.075-.844 1.874-2.625 3.67a1.124 1.124 0 1 1-1.594-1.584A12.2 12.2 0 0 0 20.732 12a12.2 12.2 0 0 0-2.022-2.636C16.7 7.38 14.274 6.375 11.5 6.375q-.472 0-.938.04a1.125 1.125 0 1 1-.187-2.242c.368-.032.75-.048 1.125-.048 3.375 0 6.434 1.282 8.858 3.705 1.814 1.814 2.636 3.637 2.67 3.713a1.13 1.13 0 0 1 .003.915"
})), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
id: "a"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M0 0h24v24H0z"
}))));
}
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
"aria-hidden": "true",
fill: "currentColor",
width: width,
height: height
}, restProps), /*#__PURE__*/_react["default"].createElement("g", {
"clip-path": "url(#a)"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M4.555 3.245a.75.75 0 1 0-1.11 1.01l1.804 1.984c-3.405 2.09-4.87 5.31-4.934 5.457a.75.75 0 0 0 0 .61c.032.074.827 1.834 2.592 3.6C5.259 18.255 8.23 19.5 11.5 19.5a11.9 11.9 0 0 0 4.882-1.015l2.062 2.27a.75.75 0 1 0 1.11-1.01zm4.437 7.11 3.907 4.299a3 3 0 0 1-3.907-4.299M11.5 18c-2.886 0-5.407-1.05-7.493-3.117A12.5 12.5 0 0 1 1.844 12c.44-.824 1.843-3.13 4.439-4.63L7.97 9.222a4.5 4.5 0 0 0 5.968 6.563l1.381 1.518A10.5 10.5 0 0 1 11.5 18m.563-8.947a.75.75 0 0 1 .28-1.473 4.515 4.515 0 0 1 3.635 3.997.75.75 0 0 1-.676.817h-.07a.75.75 0 0 1-.75-.681 3.01 3.01 0 0 0-2.42-2.66m10.62 3.252c-.04.089-.99 2.191-3.128 4.107a.75.75 0 0 1-1.068-.05.75.75 0 0 1 .068-1.068A12.5 12.5 0 0 0 21.16 12a12.5 12.5 0 0 0-2.168-2.885C16.907 7.05 14.386 6 11.5 6q-.913 0-1.815.147a.75.75 0 1 1-.248-1.48A12.6 12.6 0 0 1 11.5 4.5c3.27 0 6.24 1.243 8.593 3.595 1.765 1.765 2.56 3.527 2.592 3.601a.75.75 0 0 1 0 .61z"
})), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
id: "a"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M0 0h24v24H0z"
}))));
};
IconEyeSlash.propTypes = process.env.NODE_ENV !== "production" ? {
bold: _propTypes["default"].bool,
width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
className: _propTypes["default"].string,
fill: _propTypes["default"].string,
'aria-hidden': _propTypes["default"].bool,
'aria-label': _propTypes["default"].string
} : {};
IconEyeSlash;
module.exports = exports.default;