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

const COMMON_SPACING = 10;

export const styles = StyleSheet.create({
  dialogContent: {
    maxHeight: windowDimensions.height * 0.8,
    paddingHorizontal: COMMON_SPACING,
    width: '90%',
  },
  footerContainer: {
    alignItems: 'center',
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'center',
  },
  popupContainer: {
    marginBottom: COMMON_SPACING,
    maxHeight: '90%',
    paddingTop: COMMON_SPACING,
    width: '100%',
  },
  withColorText: {
    color: COLORS.WHITE,
    fontWeight: 'bold',
    top: 10,
  },
  cancelButton: {paddingHorizontal: SPACING.x3},
  text: {alignSelf: 'flex-start', marginBottom: COMMON_SPACING * 2},
  popupContent: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    paddingVertical: COMMON_SPACING,
    width: '100%',
  },
  acceptButton: {
    alignItems: 'center',
    borderRadius: 10,
    flexDirection: 'row',
    justifyContent: 'center',
    top: -5,
    width: '90%',
  },
  footerOptionContainer: {
    alignItems: 'center',
    flex: 1,
    justifyContent: 'center',
  },
});
