@renderforest/rf-ui-library/atoms/Icon/Icon.js

Renderforest UI Library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _react=require("react"),_react2=_interopRequireDefault(_react),_styled=require("./styled"),_consts=require("../../consts"),_icons=require("@renderforest/icons.rf"),_icons2=_interopRequireDefault(_icons);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}/**
 * aria-hidden, aria-label
 * used for accessibility (a11y)
 */var Icon=function(props){var name=props.name,_props$size=props.size,size=void 0===_props$size?_consts.defaults.iconDefaults.size:_props$size,_props$color=props.color,color=void 0===_props$color?_consts.defaults.iconDefaults.color:_props$color,_props$refHandler=props.refHandler,refHandler=void 0===_props$refHandler?function(){}:_props$refHandler,onClick=props.onClick,_props$className=props.className,className=void 0===_props$className?"":_props$className,_props$title=props.title,title=void 0===_props$title?"":_props$title,iconSize="number"==typeof size?"".concat(size,"px"):_consts.sizes.iconSizes[size];return/*#__PURE__*/_react2["default"].createElement(_styled.StyledContainer,{"aria-hidden":!0,ref:refHandler,onClick:onClick,className:className,title:title,width:iconSize,fill:_consts.colors.globalColors[color]||color,dangerouslySetInnerHTML:{__html:_icons2["default"].icons[name]}})};exports["default"]=Icon;