@razorpay/blade
Version:
The Design System that powers Razorpay
26 lines (23 loc) • 958 B
JavaScript
import { getItemMargin } from './tokens.js';
import '../../../utils/index.js';
import '../../../utils/makeSize/index.js';
import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
import { isReactNative } from '../../../utils/platform/isReactNative.js';
import { makeSize } from '../../../utils/makeSize/makeSize.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