@adminium/ui
Version:
Arco Design React UI Library.
55 lines (50 loc) • 2.02 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import React, { useContext } from 'react';
import { IconContext } from '../context';
function IconImageCloseComponent(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-image-close`
};
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: "M41 26V9a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v30a2 2 0 0 0 2 2h17"
}), /*#__PURE__*/React.createElement("path", {
d: "m24 33 9-8.5V27s-2 1-3.5 2.5C27.841 31.159 27 33 27 33h-3Zm0 0-3.5-4.5L17 33h7Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
stroke: "none",
d: "M20.5 28.5 17 33h7l-3.5-4.5ZM33 24.5 24 33h3s.841-1.841 2.5-3.5C31 28 33 27 33 27v-2.5Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
fillRule: "evenodd",
stroke: "none",
d: "M46 38a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-4.95-4.782 1.74 1.74-3.045 3.046 3.046 3.046-1.74 1.74-3.047-3.045-3.046 3.046-1.74-1.74 3.046-3.047-3.046-3.046 1.74-1.74 3.046 3.046 3.046-3.046Z",
clipRule: "evenodd"
}), /*#__PURE__*/React.createElement("path", {
d: "M17 15h-2v2h2v-2Z"
}));
}
const IconImageClose = /*#__PURE__*/React.forwardRef(IconImageCloseComponent);
IconImageClose.defaultProps = {
isIcon: true
};
IconImageClose.displayName = 'IconImageClose';
export default IconImageClose;