24 lines
576 B
TypeScript
24 lines
576 B
TypeScript
import { createStyle } from '@gluestack-style/react';
|
|
|
|
export const Popover = 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',
|
|
},
|
|
});
|