36 lines
876 B
TypeScript

import { StyleSheet } from 'react-native';
import { typography, borderRadius } from '@theme';
export const getStyles = (colors: any) =>
StyleSheet.create({
container: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
backgroundColor: 'rgba(0, 0, 0, 0.4)',
justifyContent: 'center',
alignItems: 'center',
zIndex: 9999,
},
box: {
padding: 24,
backgroundColor: colors.cardBg,
borderRadius: borderRadius.md,
alignItems: 'center',
justifyContent: 'center',
shadowColor: '#000',
shadowOffset: { width: 0, height: 4 },
shadowOpacity: 0.15,
shadowRadius: 10,
elevation: 6,
},
message: {
marginTop: 16,
fontSize: typography.fontSize.sm,
fontWeight: typography.fontWeight.medium,
color: colors.text,
},
});