@razorpay/blade
Version:
The Design System that powers Razorpay
14 lines (11 loc) • 929 B
JavaScript
import { getItemMargin } from './tokens.js';
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { isReactNative } from '../../../utils/platform/isReactNative.js';
import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
import { makeSize } from '../../../utils/makeSize/makeSize.js';
import '../../BladeProvider/useTheme.js';
var getBaseMenuItemStyles=function getBaseMenuItemStyles(props){return {borderWidth:makeBorderSize(props.theme.border.width.none),display:'flex',flexDirection:'column',textAlign:isReactNative()?undefined:'left',backgroundColor:'transparent',borderRadius:makeSize(props.theme.border.radius.medium),marginTop:makeSize(getItemMargin(props.theme)),marginBottom:makeSize(getItemMargin(props.theme)),textDecoration:'none',cursor:'pointer',width:'100%'};};
export { getBaseMenuItemStyles };
//# sourceMappingURL=getBaseMenuItemStyles.js.map