import { SignUp } from '@clerk/clerk-expo/web'
import { dark } from '@clerk/themes'
import * as React from 'react'
import { StyleSheet, View } from 'react-native'

export default function SignUpScreen() {
    return (
        <View style={styles.container}>
            <SignUp
                appearance={{
                    theme: dark,
                    variables: {
                        colorPrimary: '#747b83ff',
                        colorBackground: '#25292e',
                        colorInput: '#383e46ff'
                    }
                }}
                signInUrl='/sign-in'
            />
        </View>
    )
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#25292e',
        padding: 5,
        alignItems: 'center'
    }
})
