import { StyleSheet } from 'react-native';
import { GlobalTheme } from '../../../../theme';

export const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: GlobalTheme.colors.white,
        paddingHorizontal: 10,
        paddingVertical: 10
    },
    btnbg: {
        backgroundColor: GlobalTheme.colors.secondary, borderRadius: GlobalTheme.borderRadius.md, marginVertical: 10, marginHorizontal: 10, bottom:0
    },
    btntext: {
        color: GlobalTheme.colors.white,
        fontSize: GlobalTheme.typography.fontSize.medium
    },
     btnbg1: {
        backgroundColor: GlobalTheme.colors.gray, borderRadius: GlobalTheme.borderRadius.md, marginVertical: 10, marginHorizontal: 10, bottom:0 , opacity : 0.5
    },
    btntext1: {
        color: GlobalTheme.colors.white,
        fontSize: GlobalTheme.typography.fontSize.medium
    },
    cardview: {
        borderColor: GlobalTheme.colors.lightblue, borderWidth: 1, borderRadius: GlobalTheme.borderRadius.sm, padding: 8, backgroundColor: GlobalTheme.colors.lightblue, marginVertical: 10
    },
    categoryName: {
        fontSize: GlobalTheme.typography.fontSize.small, fontWeight: GlobalTheme.typography.fontWeight.medium, color: GlobalTheme.colors.black, marginVertical: 10
    },

    // 
    categoryItem: {
        flexDirection: 'row',
        alignItems: 'center',
        paddingVertical: 12,
        paddingHorizontal: 10,
        backgroundColor: '#f6f8fd',
        borderRadius: 10,
        marginVertical: 6,
        elevation: 1,
    },

    circleIcon: {
        width: 36,
        height: 36,
        borderRadius: 18,
        backgroundColor: '#dce6f9',
        justifyContent: 'center',
        alignItems: 'center',
        marginRight: 12,
    },

    circleText: {
        fontSize: 16,
        fontWeight: 'bold',
        color: '#4c6ef5',
    },

    categoryName: {
        fontSize: 15,
        fontWeight: '600',
        color: '#333',
    },

});
