import React from 'react'
import { SafeAreaView } from 'react-native-safe-area-context'

import { useThemeColor } from '@berty/hooks'

const OnboardingWrapper: React.FC = ({ children }) => {
	const colors = useThemeColor()

	return (
		<SafeAreaView style={[{ flex: 1, backgroundColor: colors['background-header'] }]}>
			{children}
		</SafeAreaView>
	)
}

export default OnboardingWrapper
