import {StyleSheet} from "react-native";

export const styles = StyleSheet.create({
    AppName:{
        margin:10,
        padding:4,
        marginTop:20,
        fontSize:26
    },
    Title:{
        padding:4,
        marginBottom:4,
        fontSize:20
    },
    BtnLabel:{
        color:'white',
        fontSize:16
    },
    textField: {
        padding: 8,
        borderWidth: 1,
        borderColor:"orange",
        borderRadius: 6,
        height: 200,
        flex: 3,
        textAlignVertical: 'top'
    },
    textInput:{
        padding:8,
        borderWidth:1,
        borderColor:"orange",
        borderRadius:6,
        flex:3,
        marginRight:4
    },
    SearchBtn:{
        padding:8,
        backgroundColor:'orange',
        borderRadius:3
    },
    BottomContainer:{
        marginTop:50,
        justifyContent: 'center',
        alignItems: 'center',
        margin:10
    },
    deviceTestButton:{
        margin: 2,
        padding: 8,
        backgroundColor:'orange',
        borderRadius:3
    },
    listStyle:{
        backgroundColor:'gray',
        padding:4,
        borderWidth:1,
        marginHorizontal:5,
        marginVertical:0.5,
        borderColor:'white',
        borderRadius:10
    },
    label:{
        color:'white',
        fontWeight:'600',
        fontSize:20
    },
    button: {
        paddingHorizontal: 8,
        paddingVertical: 6,
        borderRadius: 4,
        backgroundColor: "oldlace",
        alignSelf: "flex-start",
        marginHorizontal: "1%",
        marginBottom: 6,
        minWidth: "48%",
        textAlign: "center",
        borderWidth:1,
        borderColor:"orange"
    },
    container:{
        padding:10
    },
    chip:{
        color:'white',
        fontWeight:'600',
        fontSize:16,
        textAlign:'center',
        justifyContent:'center',
    },
    selectedChip:{
      backgroundColor:'crimson'
    },
    row: {
        flexDirection: "row",
        flexWrap: "wrap",
    },
    col: {
        flexDirection: "column",
        flex: 1,
    },
    selected: {
        backgroundColor: "orange",
        borderWidth: 0,
    },
    buttonLabel: {
        fontSize: 16,
        fontWeight: "500",
        color: "coral",
    },
    selectedLabel: {
        color: "white",
    },
    chkBtn:{
        marginBottom:10,
        padding:8,
        marginHorizontal:'30%',
        backgroundColor:'orange',
        borderRadius:3,
        justifyContent:"center",
        alignItems:'center'
    },
    chkBtnLabel:{
        color:'white',
        fontSize:16,
        fontWeight:'bold'
    },
    viewRefresh:{
        flexDirection:'row',
        alignItems:'center'
    },
    refreshBtn:{
        backgroundColor:'gray',
        borderRadius:6,
        margin:3,
        padding:1,
        paddingHorizontal:4
    },
    refreshLabel:{
        marginBottom:4,
        color:'white',
        fontSize:13
    },
    avoid:{
        flex: 1,
    }
});
