react-bootstrap-icons
Version:
React component for Bootstrap Icons
43 lines • 2.6 kB
JavaScript
var _excluded = ["color", "size", "title", "className"];
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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
import React, { forwardRef } from 'react';
import PropTypes from 'prop-types';
var QrCode = /*#__PURE__*/forwardRef(function (_ref, ref) {
var _ref$color = _ref.color,
color = _ref$color === void 0 ? 'currentColor' : _ref$color,
_ref$size = _ref.size,
size = _ref$size === void 0 ? '1em' : _ref$size,
_ref$title = _ref.title,
title = _ref$title === void 0 ? null : _ref$title,
_ref$className = _ref.className,
className = _ref$className === void 0 ? '' : _ref$className,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/React.createElement("svg", _extends({
ref: ref,
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 16 16",
width: size,
height: size,
fill: color,
className: ['bi', 'bi-qr-code', className].filter(Boolean).join(' ')
}, rest), title ? /*#__PURE__*/React.createElement("title", null, title) : null, /*#__PURE__*/React.createElement("path", {
d: "M2 2h2v2H2z"
}), /*#__PURE__*/React.createElement("path", {
d: "M6 0v6H0V0zM5 1H1v4h4zM4 12H2v2h2z"
}), /*#__PURE__*/React.createElement("path", {
d: "M6 10v6H0v-6zm-5 1v4h4v-4zm11-9h2v2h-2z"
}), /*#__PURE__*/React.createElement("path", {
d: "M10 0v6h6V0zm5 1v4h-4V1zM8 1V0h1v2H8v2H7V1zm0 5V4h1v2zM6 8V7h1V6h1v2h1V7h5v1h-4v1H7V8zm0 0v1H2V8H1v1H0V7h3v1zm10 1h-1V7h1zm-1 0h-1v2h2v-1h-1zm-4 0h2v1h-1v1h-1zm2 3v-1h-1v1h-1v1H9v1h3v-2zm0 0h3v1h-2v1h-1zm-4-1v1h1v-2H7v1z"
}), /*#__PURE__*/React.createElement("path", {
d: "M7 12h1v3h4v1H7zm9 2v2h-3v-1h2v-1z"
}));
});
QrCode.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
title: PropTypes.string,
className: PropTypes.string
};
export default QrCode;