/**
 * 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 { StyleSheet } from 'react-native';

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

const { Dimensions } = React;
const deviceWidth = Dimensions.get('window').width;

const styles = StyleSheet.create({
  headingLeftItem: {
    fontSize: 18,
    fontWeight: 'bold',
    color: '#737373',
  },
  rightIcon: {
    color: 'white',
    fontSize: 19,
  },
  editIcon: {
    color: 'white',
    fontSize: 19,
    marginLeft: 4,
  },
  cardStyle: {
    width: 250,
    borderRadius: 15,
    marginLeft: 5,
    marginRight: 5,
    marginTop: 10,
    marginBottom: 26,
    borderWidth: 0,
    paddingVertical: 5,
  },
  imageStyle: {
    height: 75,
    width: 80,
  },
  offerButtons: {
    borderRadius: 8,
  },
  outlineOfferButtons: {
    borderRadius: 8,
    borderWidth: 1,
    borderColor: '#f53d3d',
  },
  borderedButtonText: {
    color: '#f53d3d',
  },
  cardItem: {
    borderRadius: 10,
  },
  cardqtyItem: {
    borderRadius: 0,
    paddingBottom: 0,
  },
  nameItem: {
    borderRadius: 0,
    paddingTop: 0,
    paddingBottom: 0,
    justifyContent: 'flex-start',
  },
  imageItem: {
    borderRadius: 0,
    paddingTop: 0,
    paddingBottom: 0,
    justifyContent: 'center',
  },
  rateItem: {
    borderRadius: 0,
    flex: 1,
    justifyContent: 'flex-start',
    paddingBottom: 0,
  },
  nameItemText: {
    fontSize: 20,
    fontWeight: 'bold',
  },
  footerButton: {
    borderRadius: 10,
    // flex: 1,
    justifyContent: 'center',
  },
  footerButtonContent: {
    borderRadius: 4,
    flex: 1,
    justifyContent: 'center',
    backgroundColor: '#f53d3d',
  },
  backgroundImage: {
    width: deviceWidth - 32,
    height: 200,
  },

  swiperCards: {
    borderRadius: 10,
    height: 200,
    marginRight: 10,
  },
  imageStyleSwiper: {
    borderRadius: 10,
  },
  swiperView: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  crossedText: {
    paddingLeft: 10,
    textDecorationLine: 'line-through',
  },
});

export default styles;
