@razorpay/blade/build/lib/native/components/Switch/Thumb.js

The Design System that powers Razorpay

import styled from 'styled-components/native';
import { switchSizes } from './switchTokens.js';
import getIn from '../../utils/lodashButBetter/get.js';
import isNumber from '../../utils/lodashButBetter/isNumber.js';
import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { isReactNative } from '../../utils/platform/isReactNative.js';
import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
import { makeSize } from '../../utils/makeSize/makeSize.js';
import '../BladeProvider/useTheme.js';

var Thumb=styled(BaseBox)(function(_ref){var theme=_ref.theme,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,deviceType=_ref.deviceType;var width=switchSizes.thumb[deviceType][size].width;var height=switchSizes.thumb[deviceType][size].height;var finalWidth=isNumber(width)?makeSize(width):makeSpace(getIn(theme,width));var finalHeight=isNumber(height)?makeSize(height):makeSpace(getIn(theme,height));var reactNativeStyles={left:0,margin:makeSpace(theme.spacing[1])};return Object.assign({display:'flex',alignItems:'center',justifyContent:'center',width:finalWidth,height:finalHeight,position:isReactNative()?'absolute':'relative'},isReactNative()&&reactNativeStyles);});

export { Thumb };
//# sourceMappingURL=Thumb.js.map