/**
 * 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,
  Dimensions,
  Platform,
} from 'react-native';

const deviceHeight = Dimensions.get('screen').height;
const deviceWidth = Dimensions.get('screen').width;

type TinderCardsViewStyle = {
  containerSwiper: StyleProp<ViewStyle>;
  content: any;
  card: any;
  card1: any;
  card2: any;
  label: StyleProp<TextStyle>;
  textWithIconLast: StyleProp<TextStyle>;
  cardsTextStyle: StyleProp<TextStyle>;
  footer: StyleProp<ViewStyle>;
  buttonContainer: StyleProp<ViewStyle>;
  cardView: StyleProp<ViewStyle>;
  TinderCardItem: StyleProp<ViewStyle>;
  button: StyleProp<ViewStyle>;
  orange: StyleProp<ViewStyle>;
  starIconBorder: StyleProp<ViewStyle>;
  green: StyleProp<ViewStyle>;
  red: StyleProp<ViewStyle>;
  imageBackground: StyleProp<ViewStyle>;
  cadsViewDirection: StyleProp<ViewStyle>;
  rowDirectionView: StyleProp<ViewStyle>;
  footerSyle: StyleProp<ViewStyle>;
  overlay: StyleProp<ViewStyle>;
  imagestyle: StyleProp<ImageStyle>;
  backIcon: StyleProp<ImageStyle>;
  cardsInfoIcon: any;
  cardsIcons: any;
  containerColor: any;
  closeIcon: any;
  starIcon: any;
  heartIcon: any;
};

const styles: TinderCardsViewStyle = {
  containerSwiper: {
    flex: 1,
    height: deviceHeight,

    alignItems: 'center',
  },
  backIcon: { height: 32, width: 32, borderRadius: 5 },
  content: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  card: {
    width: 330,
    height:
      Platform.OS === 'ios' ? deviceHeight / 1.3 - 66 : deviceHeight / 1.3 - 96,
    borderRadius: 10,
    shadowColor: 'rgba(0,0,0,0.5)',
    shadowOffset: {
      width: 0,
      height: 1,
    },
    shadowOpacity: 0.5,
  },
  card1: {
    backgroundColor: '#FE474C',
  },
  card2: {
    backgroundColor: '#FEB12C',
  },
  label: {
    lineHeight: 400,
    textAlign: 'center',
    fontSize: 55,
    color: '#ffffff',
    backgroundColor: 'transparent',
  },
  footer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  footerSyle: {
    maxHeight: 85,
    height: 80,
    backgroundColor: 'transparent',
    elevation: 0,
    borderTopWidth: 0,
    borderColor: 'transparent',
    paddingBottom: 5,
  },
  buttonContainer: {
    width: deviceWidth - 40,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  button: {
    shadowColor: 'rgba(0,0,0,0.3)',
    shadowOffset: {
      width: 0,
      height: 1,
    },
    shadowOpacity: 0.5,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
    zIndex: 0,
    elevation: 5,
  },
  orange: {
    width: 55,
    height: 55,
    // borderWidth: 6,
    // borderColor: 'rgb(246,190,66)',
    borderRadius: 55,
  },
  starIconBorder: {
    width: 45,
    height: 45,
    // borderWidth: 6,
    // borderColor: '#3880ff',
    borderRadius: 23,
  },
  green: {
    width: 65,
    height: 65,
    backgroundColor: '#fff',
    borderRadius: 33,
    // borderWidth: 6,
    // borderColor: '#0cd1e8',
  },
  red: {
    width: 65,
    height: 65,
    backgroundColor: '#fff',
    borderRadius: 33,
    // borderWidth: 6,
    // borderColor: '#f04141',
  },
  cardView: {
    flex: 1,
    height: deviceHeight - 50,
    justifyContent: 'center',
    alignItems: 'center',
  },
  TinderCardItem: {
    backgroundColor: 'transparent',
    borderRadius: 10,
    paddingTop: 2,
    paddingBottom: 16,
    flexDirection: 'column',
    alignItems: 'flex-start',
  },
  imageBackground: {
    width: '100%',
    height: '100%',
    justifyContent: 'flex-end',
  },
  imagestyle: { borderRadius: 10 },
  cadsViewDirection: { flexDirection: 'row', alignItems: 'center' },
  cardsTextStyle: {
    fontSize: 14,
    color: '#fff',
  },
  cardsIcons: {
    fontSize: 14,
    color: '#fff',
  },
  rowDirectionView: { flexDirection: 'row' },
  textWithIconLast: {
    flex: 3,
    fontSize: 24,
    color: '#fff',
    fontWeight: 'bold',
  },
  cardsInfoIcon: {
    fontSize: 32,
    color: '#fff',
  },
  containerColor: {
    backgroundColor: '#fff',
  },
  closeIcon: {
    color: '#f04141',
    fontSize: 32,
    fontWeight: 'bold',
  },
  starIcon: {
    color: '#3880ff',
    fontSize: 32,
    fontWeight: 'bold',
  },
  heartIcon: {
    color: '#0cd1e8',
    fontSize: 32,
    fontWeight: 'bold',
  },
  overlay: {
    backgroundColor: '#00000033',
    borderRadius: 10,
    height: '100%',
    justifyContent: 'flex-end',
  },
};
export default styles;
