/**
 * 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 DeliveryStyles = {
    button: any,
    segmentsContainer: any,
    container: any,
    flatview: any,
    text: any,
    footerContent: any,
    buttonCartText: any,
    addressSelect: any,
    flexDirectionRow: any,
    addressText: any,
    iconSize: any,
    buttonBuynow: any,
    footerStyle: any
}

const styles: DeliveryStyles = {
    button: {
        backgroundColor: 'transparent',
    },
    segmentsContainer: {
        paddingVertical: 18
    },
    container: {
        flex: 1,
        backgroundColor: '#F5F7FA',
        justifyContent: 'flex-start'
    },
    flatview: {
        justifyContent: 'flex-end',
        alignItems: 'flex-start'
    },
    text: {
        alignSelf: 'center',
        margin: 50
    },
    footerContent: {
        backgroundColor: '#eaeaea'
    },
    buttonCartText: {
        color: 'white',
        fontSize: 18,
        lineHeight: 20,
    },

    addressSelect: {
        height: 50,
        borderBottomColor: 'grey',
        borderBottomWidth: 1,
        justifyContent: 'center'
    },
    flexDirectionRow: {
        flexDirection: 'row'
    },
    addressText: {
        fontSize: 14,
        fontWeight: 'bold'
    },
    iconSize: {
        fontSize: 16
    },
    buttonBuynow: {
        width: (deviceWidth - 40) / 1.1,
        justifyContent: 'center',
    },
    footerStyle: { marginTop: 16, marginBottom: 16, backgroundColor: 'transparent' }
};

export default styles;
