// src/styles/globalStyles.ts
import { StyleSheet, Dimensions } from 'react-native';
var winWidth = Dimensions.get("window").width;

export const globalStyles = StyleSheet.create({
    boxProductReviewTop: {
        backgroundColor: '#fff',
        paddingLeft: 10,
        paddingRight: 10,
        marginTop: 25,
    },
    textBoxProductReviewTop: {
        fontSize: 20,
        fontWeight: 'bold',
        color: '#0d0d9c',
        marginBottom: 8,
        textTransform: 'uppercase',
        textAlign: 'center',
    },
    noteTextReviewTop: {
        marginBottom: 8,
        textAlign: 'center',
        fontSize: 12,
        color: "#000"
    },
    listTab: {
        flexDirection: 'row',
    },
    tabItem: {
        padding: 10,
        width: 100,
        marginRight: 10,
        textAlign: 'center',
        flexDirection: 'row',
        justifyContent: 'center',
        backgroundColor: '#ececec',
        borderRadius: 4,
    },
    textTabItem: {
        fontSize: 15,
    },
    activeItem: {
        backgroundColor: '#462f91',
    },
    activeText: {
        color: '#fff'
    },
    listProduct: {
        marginTop: 10,
        marginBottom: 10,
        flexDirection: 'row',
        flexWrap: 'wrap',
        marginLeft: -10,
    },
    moreAll: {
        width: 110,
        height: 30,
        borderColor: '#FF7A00',
        borderWidth: 1,
        borderRadius: 20,
        textAlign: 'center',
        justifyContent: 'center',
        alignItems: 'center',
        lineHeight: 28,
        marginLeft: 'auto',
        marginRight: 'auto',
        color: '#FF7A00',
        fontWeight: 'bold',
    },
    boxCategoryHome: {
        marginTop: 25,
    },
    textBoxCategoryHome: {
        fontSize: 20,
        fontWeight: "bold",
        color: "#0d0d9c",
        marginBottom: 8,
        textTransform: "uppercase",
        textAlign: "center",
    },
    listCategoryBox: {
        marginTop: 10,
    },
    categoryItem: {
        width: '100%',
    },
    boxImageCategory: {
        width: 70,
        height: 70,
        borderRadius: "50%",
        overflow: 'hidden',
        backgroundColor: '#f4f0ff',
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
    },
    iconCategory: {
        width: 50,
        objectFit: 'contain',
    },
    categoryName: {
        fontSize: 15,
        fontWeight: '500',
        marginTop: 5,
        textAlign: 'center',
    }

});