import { createStyle } from '@gluestack-style/react'; export const Modal = createStyle({ width: '$full', height: '$full', justifyContent: 'center', alignItems: 'center', variants: { size: { xs: { _content: { width: '60%', maxWidth: 360 } }, sm: { _content: { width: '70%', maxWidth: 420 } }, md: { _content: { width: '80%', maxWidth: 510 } }, lg: { _content: { width: '90%', maxWidth: 640 } }, full: { _content: { width: '100%' } }, }, }, defaultProps: { size: 'md' }, _web: { pointerEvents: 'box-none', }, });