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

export const styles = StyleSheet.create({
  container: {
    borderRadius: 15,
  },
  dialogContent: {
    maxHeight: windowDimensions.height * 0.8,
    paddingBottom: 0,
    width: '75%',
  },
  popupContainer: {
    alignItems: 'center',
    padding: 20,
  },
  popupText: {
    color: COLORS.GRAY_TWENTY_ONE,
    marginBottom: 40,
    textAlign: 'center',
  },
  reactionText: {
    fontSize: 50,
    marginBottom: 25,
  },
  button: {
    paddingHorizontal: 16,
    width: 'auto',
  },
  withoutNotificationButton: {
    marginBottom: 10,
    paddingVertical: 10,
  },
  buttonText: {
    color: COLORS.GRAY_TWENTY_ONE,
    textAlign: 'center',
  },
});
