UNPKG

@razorpay/blade

Version:

The Design System that powers Razorpay

20 lines (17 loc) 1.21 kB
import getIn from '../../../utils/lodashButBetter/get.js'; import 'styled-components/native'; import '@gorhom/portal'; import 'react-native-gesture-handler'; import useTheme from '../../BladeProvider/useTheme.js'; import 'react-native'; import '@babel/runtime/helpers/slicedToArray'; import 'react'; import { makeSize } from '../../../utils/makeSize/makeSize.js'; import '../../BottomSheet/BottomSheetStack.js'; import 'react/jsx-runtime'; import '../../../tokens/global/typography.js'; import '../../../tokens/global/motion.js'; import { size } from '../../../tokens/global/size.js'; var iconSize={xsmall:size[8],small:size[12],medium:size[16],large:size[20],xlarge:size[24],'2xlarge':size[32]};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(iconSize[size]);var width=makeSize(iconSize[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