phosphor-react-native
Version:
Flexible icons for React Native
45 lines (43 loc) • 1.33 kB
JavaScript
/* GENERATED FILE */
import React, { useContext, useMemo } from 'react';
import { IconContext } from '../lib';
import bold from '../bold/DotsThreeOutlineVertical';
import duotone from '../duotone/DotsThreeOutlineVertical';
import fill from '../fill/DotsThreeOutlineVertical';
import light from '../light/DotsThreeOutlineVertical';
import regular from '../regular/DotsThreeOutlineVertical';
import thin from '../thin/DotsThreeOutlineVertical';
function DotsThreeOutlineVertical({
weight,
color,
size,
style
}) {
const {
color: contextColor = '#000',
size: contextSize = 24,
weight: contextWeight = 'regular',
style: contextStyle
} = useContext(IconContext);
const IconComponent = useMemo(() => {
const iconWeight = weight !== null && weight !== void 0 ? weight : contextWeight;
const weightMap = {
bold,
duotone,
fill,
light,
regular,
thin
};
return weightMap[iconWeight];
}, [weight, contextWeight]);
return /*#__PURE__*/React.createElement(IconComponent, {
color: color !== null && color !== void 0 ? color : contextColor,
size: size !== null && size !== void 0 ? size : contextSize,
style: { ...contextStyle,
...style
}
});
}
export default DotsThreeOutlineVertical;
//# sourceMappingURL=DotsThreeOutlineVertical.js.map