import React from 'react'
import {
    View,
    Platform,
} from 'react-native'

import { native } from '../common/Native'
import CustomButton from '../component/CustomButton'
import { Styles } from '../common/Styles'
import { Colors } from '../common/Colors'

import Toast from 'react-native-simple-toast'

export const RequestPermissionsPage = () => {
    return <View style={Styles.container}>
        <CustomButton
            buttonColor={Colors.red}
            title={'ACCESS_FINE_LOCATION'}
            accessibilityLabel={'accessFineLocation'}
            onPress={() => { 
                if (Platform.OS === 'android') {
                    native.permission.android.accessFineLocation()
                }
                else {
                    Toast.show('Not supported this platform', 1)
                }
            }} />
        <CustomButton
            buttonColor={Colors.pink}
            title={'ACCESS_COARSE_LOCATION'}
            accessibilityLabel={'accessCoarseLocation'}
            onPress={() => {
                if (Platform.OS === 'android') {
                    native.permission.android.accessCoarseLocation()
                }
                else {
                    Toast.show('Not supported this platform', 1)
                }
            }} />
    </View>
}