import {Dimensions, StyleSheet} from 'react-native';
import {COLORS} from '../../utils/colors';
const {width, height} = Dimensions.get('window');

export default StyleSheet.create({
  item2: {
    padding: 20,
    marginVertical: 8,
    marginHorizontal: 16,
  },
  title: {
    fontSize: 32,
  },
  imageBackground: {
    flex: 1,
    width: width,
    height: height,
    alignItems: 'center',
    justifyContent: 'center',
  },
  backButton: {
    width: width * 0.1,
    height: width * 0.25,
    position: 'absolute',
    zIndex: 99,
    left: width * 0.075,
  },
  image: {
    width: '100%',
    height: '100%',
    alignSelf: 'flex-end',
  },
  imageGif: {
    width: 170,
    height: 170,
    alignSelf: 'center',
    marginLeft: '5%',
    marginVertical: 20,
  },
  feedbackView: {
    width: '100%',
    justifyContent: 'center',
    alignSelf: 'center',
    marginLeft: '10%',
    paddingVertical: height * 0.2,
  },
  feedbackText: {
    fontWeight: '500',
    color: COLORS.WHITE,
    fontSize: width * 0.055,
    alignSelf: 'center',
    textAlign: 'center',
    paddingHorizontal: '5%',
  },
  feedbackTextNormal: {
    color: COLORS.WHITE,
    fontSize: width * 0.045,
    alignSelf: 'center',
    textAlign: 'center',
    paddingHorizontal: '10%',
  },
  item: {
    paddingVertical: height * 0.015,
    marginVertical: height * 0.015,
    paddingHorizontal: width * 0.03,
    backgroundColor: COLORS.WHITE,
    flexDirection: 'row',
    alignSelf: 'center',
    justifyContent: 'space-between',
    alignItems: 'center',
    width: '70%',
    borderRadius: 30,
  },
  activeNonActive: {width: 20, height: 20},
  crossButton: {
    width: width * 0.1,
    height: width * 0.1,
    backgroundColor: 'green',
    borderRadius: 50,
    alignItems: 'center',
    justifyContent: 'center',
  },
});
