import { SignIn } from '@clerk/clerk-react'
import { dark } from '@clerk/themes'
import React from 'react'
import { StyleSheet, View } from 'react-native'

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

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