PermissionsKepler

import * as React from 'react';
import { useState } from 'react';
import {
    Button,
    Text,
    View
} from 'react-native';
import { usePermissionsKepler, PERMISSIONS } from '@amzn/react-native-kepler';

const App = () => {
    const [checkStatus, setCheckStatus] = useState('none');
    const [requestStatus, setRequestStatus] = useState('none');

    const [check, request] = usePermissionsKepler();

    const handlePermissionCheck = async (permission) => {
        try {
            const hasPermission = await check(permission);
            setCheckStatus(hasPermission ? "True" : "False");
        } catch (error) {
            console.error("Error checking permissions:", error);
            setCheckStatus(`Error: ${error.message}`);
        }
    };

    const handlePermissionRequest = async (permission) => {
        try {
            const requestResult = await request(permission);
            setRequestStatus(requestResult ? "True" : "False");
        } catch (error) {
            console.error("Error during permission request:", error);
            setRequestStatus(`Error: ${error.message}`);
        }
    };

    return (
        <View style={{ flex: 1 }}>
            <View style={{ marginVertical: 10 }}>
                <Text style={{ color: 'white', fontSize: 24 }}>Check permission</Text>
                <Button
                    onPress={() => handlePermissionCheck(PERMISSIONS.ACCESS_COARSE_LOCATION)}
                    title={'Check'}
                />
            </View>
            <Text style={{ textAlign: 'center', color: 'white', fontSize: 20 }}>{checkStatus}</Text>
            <View style={{ marginVertical: 10 }}>
                <Text style={{ color: 'white', fontSize: 24 }}>Request permission</Text>
                <Button
                    onPress={() => handlePermissionRequest(PERMISSIONS.ACCESS_COARSE_LOCATION)}
                    title={'Request'}
                />
            </View>
            <Text style={{ textAlign: 'center', color: 'white', fontSize: 20 }}>{requestStatus}</Text>
        </View>
    );
};

export default App;