import { Dimensions, StyleSheet } from 'react-native';

import { GlobalTheme, Screen, shadow } from '../../../theme';


const { width, height } = Dimensions.get('window');

export const styles = StyleSheet.create({
    containermain: {
        flex: 1,
        // backgroundColor: 'red',
    },
    container: {
        flex: 1,

    },
    background: {
        flex: 1,
    },
    content: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        paddingHorizontal: 20,
        
    },
    illustration: {
        width: 200,
        height: 200,
        marginBottom: 30,
        resizeMode:"contain" 
    },
    title: {
        fontSize: GlobalTheme.typography.fontSize.large,
        fontWeight: 'bold',
        color: GlobalTheme.colors.primary,
        marginBottom: 10,
        textAlign: 'center',
    },
    subtitle: {
        fontSize: 14,
        color: GlobalTheme.colors.primary,
        textAlign: 'center',
        marginBottom: 30,
        paddingHorizontal: 10,
    },
    button: {
        backgroundColor: GlobalTheme.colors.white,
        paddingVertical: 12,
        paddingHorizontal: 30,
        borderRadius: 30,
        borderColor:'#91A2CB',
        borderWidth:1
    },
    buttonText: {
        color: GlobalTheme.colors.primary,
        fontSize: GlobalTheme.typography.fontSize.xsmall,
        // fontWeight: '600',
    },

})