/**
 * 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.
 */


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

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

type CheckoutStyles = {
    cardDetails:any,
    saveButton: any,
    buttonHeight: any,
    marginTopItem: any,
    borderRadiusInput: any,
    cardItemNoPaddingL: any,
    labelStyle:any,
    viewPaddinBottom: any,
    buttonText: any,
    billing: any,
    billingDesc: any,
    headerText: any,
    bold: any,
    buttonBuynow: any,
    footerStyle: any,
    buttonCartText: any,
    paymentMethod: any
}

const styles: CheckoutStyles = {
    cardDetails: {
        borderRadius: 0
    },
    saveButton: {
        alignSelf: 'flex-end'
    },
    buttonHeight: { height: 65, },
    marginTopItem: { marginTop: 18 },
    borderRadiusInput: { borderRadius: 5 },
    cardItemNoPaddingL: { paddingLeft: 0 },
    labelStyle: { color: '#757575', fontSize: 12 },
    viewPaddinBottom: { paddingBottom: 10 },
    buttonText: { color: '#f53d3d' },
    billing: { fontSize: 12 },
    billingDesc: { fontSize: 9 },
    headerText: { backgroundColor: '#f4f5f8', fontWeight: 'bold' },
    bold: { fontWeight: 'bold' },
    buttonBuynow: {
        width: (deviceWidth - 40) / 1.1,
        justifyContent: 'center'
    },
    footerStyle: { marginTop: 16, marginBottom: 16, backgroundColor: 'transparent' },
    buttonCartText: {
        color: 'white',
        fontSize: 18,
        lineHeight: 20,
    },
    paymentMethod: { backgroundColor: '#f4f5f8', fontWeight: 'bold' }
}
export default styles;
