/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */

import { StyleProp, ViewStyle, TextStyle, ImageStyle } from 'react-native';
import { RnViewStyleProp, RnTextStyleProp } from 'native-base';
import Constants from 'expo-constants';

const React = require('react-native');

const { Dimensions } = React;
const deviceHeight = Dimensions.get('window').height;
const deviceWidth = Dimensions.get('window').width;
const pickerRightPadding = Constants.platform
  ? Constants.platform.android
    ? 0
    : 40
  : null;

type ComponentsStyles = {
  headingLeftItem: StyleProp<TextStyle>;
  rightIcon: any;
  editIcon: any;
  imageStyle: StyleProp<ImageStyle>;
  offerButtons: any;
  cardqtyItem: StyleProp<ViewStyle>;
  nameItem: StyleProp<ViewStyle>;
  imageItem: StyleProp<ViewStyle>;
  nameItemText: StyleProp<TextStyle>;
  nameTextAdd: StyleProp<TextStyle>;
  listView: StyleProp<ViewStyle>;
  images: RnViewStyleProp | Array<RnViewStyleProp>;
  parentView: StyleProp<ViewStyle>;
  childImageView: StyleProp<ViewStyle>;
  offerView: StyleProp<ViewStyle>;
  offerViewText: StyleProp<TextStyle>;
  imageView: StyleProp<ImageStyle>;
  nameDescriptionview: StyleProp<ViewStyle>;
  nameDescriptionviewText: StyleProp<TextStyle>;
  nameDescriptionviewText1: StyleProp<TextStyle>;
  accordianIconsView: StyleProp<ViewStyle>;
  iconsview: any;
  iconsview1: any;
  counterView: StyleProp<ViewStyle>;
  checkouCards: RnViewStyleProp | Array<RnViewStyleProp>;
  radioColor: StyleProp<ViewStyle>;
  buttonText: StyleProp<TextStyle>;
  picker: StyleProp<ViewStyle>;
  labelStyle: RnTextStyleProp;
  cardItemNoPaddingL: StyleProp<ViewStyle>;
  otpContainer: StyleProp<ViewStyle>;
  otpForm: StyleProp<ViewStyle>;
  otpTextInput: StyleProp<TextStyle>;
};

const styles: ComponentsStyles = {
  headingLeftItem: {
    fontSize: 18,
    fontWeight: 'bold',
    color: '#737373',
  },
  rightIcon: {
    color: 'white',
    fontSize: 19,
  },
  editIcon: {
    color: 'white',
    fontSize: 19,
    padiingLeft: 16,
  },

  imageStyle: {
    height: 75,
    width: 80,
  },
  offerButtons: {
    borderRadius: 8,
  },
  // cardItem: {
  //     borderRadius: 0
  // },
  cardqtyItem: {
    borderRadius: 0,
    paddingBottom: 0,
    justifyContent: 'center',
  },
  nameItem: {
    borderRadius: 0,
    paddingTop: 0,
    paddingBottom: 0,

    justifyContent: 'center',
  },
  imageItem: {
    borderRadius: 0,
    justifyContent: 'center',
  },
  // rateItem: {
  //     borderRadius: 0,
  //     flex: 1,
  //     justifyContent: 'flex-start',
  //     paddingBottom: 0
  // },
  nameItemText: {
    fontSize: 14,
    fontWeight: 'normal',
    color: '#737373',
    textAlign: 'center',
  },
  nameTextAdd: {
    color: '#008000',
    fontSize: 14,
  },
  // footerButton: {
  //     borderRadius: 0,
  //     flex: 1,
  //     justifyContent: 'center',

  // },
  // backgroundImage: {
  //     width: deviceWidth - 32,
  //     height: 200,
  // },

  // swiperCards: {
  //     borderRadius: 10,
  //     height: 200,
  //     marginRight: 10,
  // },
  // imageStyleSwiper: {
  //     borderRadius: 10,
  // },
  // swiperView: {
  //     flex: 1,
  //     justifyContent: 'center',
  //     alignItems: 'center'

  // },
  listView: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'center',
    flexWrap: 'wrap',
  },
  images: {
    width: deviceWidth / 2.2,
    height: deviceHeight / 2.8,
    marginTop: deviceHeight / 40,
    borderRadius: 5,
    justifyContent: 'center',
  },
  parentView: {
    flexDirection: 'row',
    padding: 5,
    justifyContent: 'space-between',
    alignItems: 'flex-start',
    backgroundColor: '#A9DAD6',
    borderRadius: 10,
    flex: 1,
    marginBottom: 10,
    marginTop: 10,
  },
  childImageView: {
    flexDirection: 'column',
    width: 130,
    height: 150,
    justifyContent: 'space-evenly',
    paddingTop: 5,
  },
  offerView: {
    borderRadius: 10,
    backgroundColor: '#15bf15',
    width: 125,
    height: 40,
    elevation: 4,
    alignItems: 'center',
    justifyContent: 'center',
  },
  offerViewText: {
    color: 'white',
    fontWeight: '500',
  },
  imageView: {
    width: 120,
    height: 80,
    marginTop: 10,
    marginBottom: 10,
  },
  nameDescriptionview: {
    flexDirection: 'column',
    width: 130,
    height: 150,
    justifyContent: 'flex-start',
    alignItems: 'flex-start',
    paddingTop: 5,
  },
  nameDescriptionviewText: {
    fontWeight: '600',
    fontSize: 15,
  },
  nameDescriptionviewText1: {
    fontSize: 14,
  },
  accordianIconsView: {
    flexDirection: 'column',
    width: 50,
    height: 50,
    justifyContent: 'flex-start',
    alignItems: 'center',
    paddingTop: 5,
  },
  iconsview: {
    fontSize: 32,
    marginTop: 5,
    marginLeft: 4,
    fontWeight: 'bold',
    color: 'red',
  },
  iconsview1: {
    fontSize: 32,
    marginTop: 5,
    marginLeft: 4,
    fontWeight: 'bold',
    color: 'white',
  },
  // AccordionCustomHeaderContent: {
  //     borderWidth: 0,
  //     borderColor: 'white'
  // },
  counterView: {
    flexDirection: 'row',
    justifyContent: 'center',
    width: 130,
    alignItems: 'center',
    height: 50,
  },
  checkouCards: { marginLeft: 16, marginRight: 16, borderRadius: 8 },
  radioColor: {},
  buttonText: {
    fontSize: 16,
    color: 'white',
    paddingTop: deviceHeight / 200,
    paddingLeft: deviceWidth / 50,
    paddingRight: deviceWidth / 50,
    paddingBottom: deviceHeight / 200,
  },
  picker: {
    width: '100%',
    paddingRight: pickerRightPadding,
  },
  labelStyle: { color: '#757575', fontSize: 12 },
  cardItemNoPaddingL: { paddingLeft: 0 },
  otpContainer: {
    flex: 1,
  },

  otpForm: {
    margin: 20,
  },
  otpTextInput: {
    padding: 0,
    margin: 0,
    flex: 1,
    color: '#744BAC',
    height: 50,
    textAlign: 'center',
    fontSize: 40,
    fontWeight: 'bold',
  },
};

export default styles;
