@adminium/ui
Version:
Arco Design React UI Library.
41 lines (36 loc) • 1.36 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import React, { useContext } from 'react';
import { IconContext } from '../context';
function IconZoomInComponent(iconProps, ref) {
const _useContext = useContext(IconContext),
_useContext$prefixCls = _useContext.prefixCls,
prefixCls = _useContext$prefixCls === void 0 ? 'arco' : _useContext$prefixCls;
const spin = iconProps.spin,
className = iconProps.className;
const props = {
"aria-hidden": true,
focusable: false,
ref,
...iconProps,
className: `${className ? className + ' ' : ''}${prefixCls}-icon ${prefixCls}-icon-zoom-in`
};
if (spin) {
props.className = `${props.className} ${prefixCls}-icon-loading`;
}
delete props.spin;
delete props.isIcon;
return /*#__PURE__*/React.createElement("svg", _extends({
fill: "none",
stroke: "currentColor",
strokeWidth: "4",
viewBox: "0 0 48 48"
}, props), /*#__PURE__*/React.createElement("path", {
d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15m7 7V15"
}));
}
const IconZoomIn = /*#__PURE__*/React.forwardRef(IconZoomInComponent);
IconZoomIn.defaultProps = {
isIcon: true
};
IconZoomIn.displayName = 'IconZoomIn';
export default IconZoomIn;