@razorpay/blade
Version:
The Design System that powers Razorpay
13 lines (10 loc) • 783 B
JavaScript
import styled from 'styled-components/native';
import { TouchableOpacity } from 'react-native';
import { getBaseMenuItemStyles } from './getBaseMenuItemStyles.js';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { makeSize } from '../../../utils/makeSize/makeSize.js';
import '../../BladeProvider/useTheme.js';
var StyledMenuItemContainer=styled(TouchableOpacity)(function(props){return Object.assign({},getBaseMenuItemStyles({theme:props.theme}),{padding:makeSize(props.theme.spacing[3]),display:props.isVisible?'flex':'none',backgroundColor:props.isSelected&&props.selectionType==='single'?props.theme.colors.interactive.background.primary.faded:undefined});});
export { StyledMenuItemContainer };
//# sourceMappingURL=StyledMenuItemContainer.native.js.map