@adminium/ui
Version:
Arco Design React UI Library.
103 lines (98 loc) • 3.39 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import React, { useContext } from 'react';
import { IconContext } from '../context';
function IconSunComponent(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-sun`
};
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("circle", {
cx: "24",
cy: "24",
r: "7"
}), /*#__PURE__*/React.createElement("path", {
d: "M23 7H25V9H23z"
}), /*#__PURE__*/React.createElement("path", {
d: "M23 39H25V41H23z"
}), /*#__PURE__*/React.createElement("path", {
d: "M41 23H43V25H41z",
transform: "rotate(90 41 23)"
}), /*#__PURE__*/React.createElement("path", {
d: "M9 23H11V25H9z",
transform: "rotate(90 9 23)"
}), /*#__PURE__*/React.createElement("path", {
d: "M36.728 35.313H38.728V37.313H36.728z",
transform: "rotate(135 36.728 35.313)"
}), /*#__PURE__*/React.createElement("path", {
d: "M14.1 12.687H16.1V14.687H14.1z",
transform: "rotate(135 14.1 12.687)"
}), /*#__PURE__*/React.createElement("path", {
d: "M12.688 36.728H14.688V38.728H12.688z",
transform: "rotate(-135 12.688 36.728)"
}), /*#__PURE__*/React.createElement("path", {
d: "M35.315 14.101H37.315V16.101H35.315z",
transform: "rotate(-135 35.315 14.1)"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
stroke: "none",
d: "M23 7H25V9H23z"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
stroke: "none",
d: "M23 39H25V41H23z"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
stroke: "none",
d: "M41 23H43V25H41z",
transform: "rotate(90 41 23)"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
stroke: "none",
d: "M9 23H11V25H9z",
transform: "rotate(90 9 23)"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
stroke: "none",
d: "M36.728 35.313H38.728V37.313H36.728z",
transform: "rotate(135 36.728 35.313)"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
stroke: "none",
d: "M14.1 12.687H16.1V14.687H14.1z",
transform: "rotate(135 14.1 12.687)"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
stroke: "none",
d: "M12.688 36.728H14.688V38.728H12.688z",
transform: "rotate(-135 12.688 36.728)"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
stroke: "none",
d: "M35.315 14.101H37.315V16.101H35.315z",
transform: "rotate(-135 35.315 14.1)"
}));
}
const IconSun = /*#__PURE__*/React.forwardRef(IconSunComponent);
IconSun.defaultProps = {
isIcon: true
};
IconSun.displayName = 'IconSun';
export default IconSun;