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'
  },
  imageGif: {
    width: 150,
    height: 150,
    alignSelf: 'center',
    marginLeft: '5%',
    marginVertical: 10,
  },
  feedbackTextNormal: {
    color: COLORS.WHITE,
    fontSize: width * 0.044,
    alignSelf: 'center',
    fontFamily:'SEGOEUI',
    textAlign: 'center',
    paddingHorizontal: '10%',
  },
  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' },
  feedbackView: {
    width: '100%',
    justifyContent: 'center',
    alignSelf: 'center',
    marginLeft: '10%',
    paddingLeft: '5%',
  },
  feedbackText: {
    fontWeight: '500',
    color: COLORS.WHITE,
    fontSize: width * 0.05,
    alignSelf: 'center',
    textAlign: 'center',
    fontFamily:'Product Sans Bold',

    marginBottom:20,
    paddingHorizontal: '5%',
  },
  feedbackTextBot: {
    fontWeight: 'bold',
    fontFamily:'Product Sans Bold',
    color: COLORS.WHITE,
    fontSize: width * 0.052,
    alignSelf: 'center',
    textAlign: 'center',
    paddingHorizontal: '5%',
  },
  item: {
    paddingVertical: height * 0.01,
    marginVertical: height * 0.01,
    paddingHorizontal: width * 0.03,
    backgroundColor: COLORS.WHITE,
    flexDirection: 'row',
    alignSelf: 'center',
    fontFamily:'Product Sans Regular',
    justifyContent: 'space-between',
    alignItems: 'center',
    width: '70%',
    borderRadius: 30,
  },
  activeNonActive: { width: 20, height: 20 },
});
