import { SCREEN_WIDTH, colors } from '../../styleVars';

const styles = {
    logoContainerStyle: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'center',
    },
    logoStyle: {
        marginTop: 20,
        width: 120,
        height: 120,
        borderWidth: 1,
        borderRadius: 60
    },
    buttonStyle: {
        width: SCREEN_WIDTH * 0.9,
        marginTop: 15,
        marginBottom: 30,
        borderRadius: 5,
        backgroundColor: colors.buttonBlue
    },
    inputTextStyle: {
        marginLeft: 15,
        color: colors.black,
        borderBottomWidth: 1,
        borderBottomColor: colors.black,
    },
    instructions: {
    fontSize: 16,
    fontFamily: 'Sans Serif',
    textAlign: 'left',
    color: colors.darkGrey,
    marginBottom: 5,
    marginHorizontal: 10 
    },
    freeTextStyle: {
        left: 20,
        marginTop: 10,
        fontSize: 18
    },
    navigationHeaderRightStyle: {
        color: colors.middleGrey,
        marginRight: 5
    },
    parentContentScrollViewStyle: {
        flexGrow: 1,
        backgroundColor: colors.white
    },
    buttonContainerStyle: {
        flex: 2,
        marginTop: 15,
        flexDirection: 'column',
        justifyContent: 'center'
    },
    photoButtonsOrTextStyle: {
        fontSize: 20,
        fontWeight: 'bold',
        color: colors.lightGrey,
        marginTop: 5,
        marginBottom: 5,
        marginLeft: 15
    },
    avatarStyle: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        marginLeft: 25
    },
    noAvatarStyle: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        marginLeft: 10
    },
    textButtonStyle: {
        fontSize: 20,
        fontWeight: 'bold',
        color: colors.labelBlue,
        marginTop: 5,
        marginBottom: 5,
        marginLeft: 0
    },
    labelStyle: {
        fontWeight: 'bold',
        color: colors.labelBlue,
        marginTop: 5,
        marginLeft: 0
    },
    colors
};

export default styles;
