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

export const styles = StyleSheet.create({
  container: {flex: 1},
  header: {
    alignItems: 'center',
    flexDirection: 'row',
    justifyContent: 'center',
    marginBottom: SPACING.x2,
  },
  closeIcon: {
    position: 'absolute',
    right: SPACING.x2,
  },
  buttonsContainer: {gap: SPACING.x2},
  iconButtonContainer: {
    borderRadius: 100,
    padding: SPACING.x1,
  },
  buttonContainer: {
    borderTopWidth: 1,
    gap: SPACING.x1,
    paddingHorizontal: SPACING.x2,
    paddingTop: SPACING.x2,
  },
  confirmationContainer: {
    alignItems: 'center',
    gap: SPACING.x2,
    paddingBottom: SPACING.x2,
  },
});
