import {StyleSheet} from 'react-native';
import {COLORS, SPACING} from '@shared/theme';

export const styles = StyleSheet.create({
  modal: {margin: 0},
  modalContent: {flex: 1},
  header: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    padding: SPACING['x1.5'],
    position: 'absolute',
    top: SPACING.x2,
    width: '100%',
    zIndex: 100,
  },
  headerButton: {padding: SPACING['x0.5']},
  backdrop: {
    backgroundColor: COLORS.black,
    bottom: 0,
    left: 0,
    position: 'absolute',
    right: 0,
    top: 0,
  },
});
