import { StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
    },
    button: {
        padding: 10,
        backgroundColor: "lightblue",
        borderRadius: 5,
        width: 200,
        height: 55,
    },
    text: {
        fontSize: 20,
        fontWeight: "bold",
    },
    modal: {
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
    },
    modalContent: {
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
    },
    bindButton: {
        padding: 10,
        marginTop: 10,
        marginBottom: 10,
        backgroundColor: "#007AFF",
        borderRadius: 5,
        width: "90%",
        height: 55,
        alignItems: "center",
        justifyContent: "center",
    },
    bindButtonText: {
        fontSize: 16,
        fontWeight: "bold",
        color: "#fff",
    },
});