import { StyleSheet } from "react-native";
import fonts from "../../styles/fonts";

export const styles = StyleSheet.create({
    dates: {
        flexDirection: 'row',
        alignSelf: "center",
        marginTop: 15,
    },

    ButtonDates: {
        backgroundColor: '#c1c1c1',
        width: 100,
        padding: 5,
        height: 30,
        borderRadius: 5,
        justifyContent: "center",
        alignItems: "center",
        marginHorizontal: 5,
    },

    ButtonDatesText: {
        fontFamily: fonts.text,
        fontSize: 16,
        color: '#fff',
    },

    Button: {
        backgroundColor: 'green',
        width: '60%',
        alignSelf: "center",
        height: 50,
        justifyContent: "center",
        alignItems: "center",
        borderRadius: 10,
        marginTop: 35,
        marginBottom: 20,
    },

    ButtonText: {
        fontSize: 20,
        color: '#fff',
        fontFamily: fonts.text,
    },

    inputObsHeader: {
        backgroundColor: '#fff',
        width: '100%',
        borderRadius: 5,
        borderColor: '#c1c1c1',
        borderWidth: 1,
        height: 40,
        marginTop: 20,
        paddingHorizontal: '27%',
        justifyContent: "center",
    },

    Dates: {
        flexDirection: 'row',
        alignSelf: "center",
        marginBottom: 10,
    },

    pickDate: {
        padding: 10,
        width: 120,
        alignItems: "center",
        justifyContent: "space-between",
        borderColor: '#fff',
        borderBottomWidth: 1,
        borderBottomColor: '#c1c1c1',
        marginHorizontal: 5,
        height: 62,
    },

    date: {
        fontFamily: fonts.text,
        fontSize: 16,
        color: 'gray',
    },

    CardContainer:{
        backgroundColor: '#FAFAFA',
        marginBottom: 10,
        paddingHorizontal: 25,
        marginHorizontal: 15,
        borderRadius: 5,
        borderLeftWidth: 8,
        borderLeftColor: 'red',
    },

    CardContainerVerde:{
        backgroundColor: '#FAFAFA',
        marginBottom: 10,
        paddingHorizontal: 25,
        marginHorizontal: 15,
        borderRadius: 5,
        borderLeftWidth: 8,
        borderLeftColor: 'green',
    },

    Cliente:{
        fontFamily: fonts.text,
        fontSize: 15,
        marginTop: 10,
    },

    Valor:{
        fontFamily: fonts.text,
        fontSize: 18,
        color: '#31b555',
        marginBottom: 5,
    },

    Section:{
        flexDirection: 'row',
        alignItems: "center",
        marginTop: 5,
    },

    Entrada:{
        fontFamily: fonts.text,
        fontSize: 14,
        marginLeft: 20,
        color: 'gray',
    },

    Vencimento:{
        fontFamily: fonts.text,
        fontSize: 14,
        position: 'absolute',
        right: 0,
        color: 'gray',
    },

    Footer:{
        alignItems: "center",
        justifyContent: "center",
        borderTopWidth: 0.5,
        borderTopColor: '#c1c1c1',
        padding: 7,
        marginTop: 12,
        width: '95%',
        alignSelf: "center",
    },

    FooterText:{
        fontFamily: fonts.text,
        fontSize: 14,
    },

    Icon:{
        position: 'absolute',
        left: -5,
    },

    containerFloat:{
        bottom: 20,
        right: 20,
        position: 'absolute',
        backgroundColor: 'green',
        borderRadius: 10,
        zIndex: 9,
        width: 50,
        height: 50,
        justifyContent: "center",
    },

    CartButton:{
        justifyContent: "center",
        alignItems: "center",
    },
})