import { StyleSheet } from 'react-native';
import { GlobalTheme, Screen } 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
    },
    cardview: {
        borderColor: GlobalTheme.colors.lightblue, borderWidth: 1, borderRadius: GlobalTheme.borderRadius.lg, padding: 10
    },
    questionBlock: {
        marginBottom: 16,
    },
    questionText: {
        color:'#000',
        fontSize: GlobalTheme.typography.fontSize.xsmall,
        marginVertical: 5
    },
     categoryName: {
        fontSize: GlobalTheme.typography.fontSize.medium , fontWeight : GlobalTheme.typography.fontWeight.medium , color : GlobalTheme.colors.black , marginVertical:0
     },

    textInput: {
        borderWidth: 1.5,
        borderColor: GlobalTheme.colors.lightblue,
        borderRadius: 6,
        padding: 10,
        color : GlobalTheme.colors.black,
        marginVertical: 5
    },
    multiSelect: {
        // marginTop: 8,
        // backgroundColor:'red'
    },
    selectorBox: {
        color:'gray',
        padding: 15,
        backgroundColor: GlobalTheme.colors.bluebgcolor,
        borderRadius: GlobalTheme.borderRadius.sm,
        marginVertical: 5
    },
    //multi select 
    styleItemsContainer:{
        backgroundColor: GlobalTheme.colors.bluebgcolor , borderRadius :GlobalTheme.borderRadius.md , overflow:'hidden', paddingHorizontal:10, marginHorizontal:0,marginVertical:0 , marginBottom:20
    },
    styleListContainer:{
       backgroundColor: GlobalTheme.colors.bluebgcolor , borderRadius :GlobalTheme.borderRadius.md , padding:0 , overflow:'hidden', paddingHorizontal:0, marginHorizontal:0,marginVertical:10  
    },
    styleInputGroup:{
       backgroundColor: GlobalTheme.colors.bluebgcolor , borderRadius :GlobalTheme.borderRadius.md , padding:0 , overflow:'hidden',paddingHorizontal:10, marginVertical:10,height:50 
    },
    styleDropdownMenuSubsection:{
      backgroundColor: GlobalTheme.colors.bluebgcolor , borderRadius :GlobalTheme.borderRadius.md , padding:0 , overflow:'hidden',paddingHorizontal:10, marginHorizontal:10  
    },
    styleDropdownMenu:{
        backgroundColor: GlobalTheme.colors.bluebgcolor , borderRadius :GlobalTheme.borderRadius.md , overflow:'hidden', marginVertical:10, height:50
    },

    // camera
    openStk_prdCameras:{marginTop:10,flexDirection:'row',flexWrap:'wrap'},
    openStkCameraCon:{marginRight:10,},
    openStkCameraCon2:{marginRight:10,alignItems: 'center'},
    iconStyle : {
     height :70 , width : 70 , resizeMode : "contain"
    },
    // refImage
    WItem_RefImgBtn:{position:'absolute',right:0,top:-5,width:40,height:40,borderRadius:20,alignItems:'center',justifyContent:'center'},
    album_ZOOM_wrap:{backgroundColor:'#000',position:'absolute',top:0,left:0,width:Screen.screenWidth,height:Screen.screenHeight,zIndex:1},
    album_ZOOM:{backgroundColor:'#000',width:Screen.screenWidth,height:Screen.screenHeight},
     
    closeIcon : {
        resizeMode : 'contain', 
        alignSelf:'flex-end', 
        right:20, 
        marginTop:20
    },
    store_audit_img_con:{width:'100%',marginTop:10,height:150,marginHorizontal:5,alignSelf:'center',alignItems:'center',justifyContent:'center',position:'relative',backgroundColor:'#f5f5f5'},
    modal_view : {
        backgroundColor: 'white',
                  borderRadius: 12,
                  padding: 20,
                  width: 300,
                  alignItems: 'center',
                  elevation: 10
    }, 
    modal_view2: {
         marginBottom: 15,
                              paddingHorizontal: 25,
                              paddingVertical: 10,
                              backgroundColor: GlobalTheme.colors.secondary,
                              borderRadius: 6
    }
});
