import { LinearGradient } from 'expo-linear-gradient';
import { NativeBaseProvider, NativeBaseProviderProps } from 'native-base';
import React from 'react';
import { useGoogleSans, useUnicons } from '../hooks';
import mainTheme from '../themes/main/main.theme';

export default function (props: React.PropsWithChildren<NativeBaseProviderProps>) {
    const { theme, ...restProps } = props;
    const [loaded] = useGoogleSans();
    const [uniConsLoaded] = useUnicons();

    if (!loaded || !uniConsLoaded) {
        return null;
    }
    const config = {
        dependencies: {
            "linear-gradient": LinearGradient
        }
    }
    return <NativeBaseProvider config={config} theme={mainTheme} {...restProps} >
        {props.children}
    </NativeBaseProvider>
}