@razorpay/blade
Version:
The Design System that powers Razorpay
27 lines (24 loc) • 930 B
JavaScript
import { iconSizeMap } from './iconSizeMap.js';
import getIn from '../../../utils/lodashButBetter/get.js';
import '../../BladeProvider/index.js';
import '../../../utils/makeSize/index.js';
import useTheme from '../../BladeProvider/useTheme.js';
import { makeSize } from '../../../utils/makeSize/makeSize.js';
function useIconProps(_ref) {
var _ref$size = _ref.size,
size = _ref$size === void 0 ? 'medium' : _ref$size,
_ref$color = _ref.color,
color = _ref$color === void 0 ? 'surface.icon.gray.normal' : _ref$color;
var _useTheme = useTheme(),
theme = _useTheme.theme;
var height = makeSize(iconSizeMap[size]);
var width = makeSize(iconSizeMap[size]);
var iconColor = color === 'currentColor' ? 'currentColor' : getIn(theme.colors, color, '');
return {
height: height,
width: width,
iconColor: iconColor
};
}
export { useIconProps as default };
//# sourceMappingURL=useIconProps.js.map