import { StyleSheet } from 'react-native';

export default StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#2E2E2E',
        alignItems: 'center',
        justifyContent: 'center',
    },
    statusbar: {
        backgroundColor: '#AAAAAA'
    },
    LedCtrlCell: {
        backgroundColor: '#000000',
        height: 150,
        width: 412,
    },
    cellRow1: {
        width: '100%',
        height: 60,
        backgroundColor: '#000000',
        alignSelf: "center",
        padding: 10,
        flexDirection: "row",
    },
    cellRow1Right: {
        marginLeft: 'auto',
        alignSelf: "center"
    },
    LedLogo: {
        width: 40,
        height: 40
    },
    cellRow1Left: {
        flexDirection: "row",
    },
    LedTextContainer: {

    },
    LedTitle: {
        fontSize: 20,
        color: '#FFFFFF',
        paddingTop: 0,
        paddingLeft: 10,
    },
    LedDesk: {
        fontSize: 15,
        color: '#AAAAAA',
        paddingTop: 0,
        paddingLeft: 10
    },
    cellRow2: {
        width: '100%',
        height: 60,
        backgroundColor: '#000000',
        flexDirection: "row",
        justifyContent: "center"
    },
    brightnessLogo: {
        width: 40,
        height: 40,
        marginTop: 'auto',
        marginBottom: 'auto'
    },
    bSlider: {
        marginLeft: 'auto',
        marginRight: 'auto',
        marginTop: 'auto',
        marginBottom: 'auto',
        width: 320
    },
    cellRow3: {
        width: '100%',
        height: 60,
        backgroundColor: '#000000',
        paddingTop: 10
    },
    rgb: {
        height: 40,
        flex: 1,
        resizeMode: "stretch",
        justifyContent: "center",
    },
    cSlider: {
        marginLeft: 'auto',
        marginRight: 'auto',
        marginTop: 'auto',
        marginBottom: 'auto',
        width: 390,
        opacity: 0.02,
    },
});