/* eslint-disable prettier/prettier */
/* eslint-disable @typescript-eslint/camelcase */
/* eslint-disable react-native/no-inline-styles */
import React, { useState, useEffect } from 'react';
import { View, Text, FlatList, TouchableOpacity, Image } from 'react-native';
import { useDispatch, useSelector } from 'react-redux';
import { useTranslation } from 'react-i18next';
import HeaderComponent from 'app/components/HeaderComponent';
import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
import { Icon } from 'react-native-elements'

export default function PhanQuyenTruyCap({ route, navigation }) {
  const { t, i18n } = useTranslation();
  return (
    <>
      <HeaderComponent />

      <View style={{ flex: 1, marginVertical: moderateScale(15), paddingHorizontal: moderateScale(10) }}>
        <View style={{ backgroundColor: '#EDEDED', padding: moderateScale(10), marginTop: moderateScale(30), position: 'relative' }}>
          <View style={{ position: 'absolute', top: moderateScale(-20), right: 0 }}>
            <Icon
              name='chatbubble-ellipses-outline'
              type='ionicon'
              color='#0FA5A9'
              size={moderateScale(30)}
            />
          </View>
          <Text style={{ color: '#0FA5A9' }}>
            Bệnh nhân Nguyễn Văn C chưa tiến hành cấp quyền truy cập hồ sơ y tế cho tài khoản trên App. Bạn có muốn truy cập văn bản cấp quyên và tiến hành thao tác cấp quyền không?
          </Text>
        </View>
        <View
          style={{
            paddingVertical: moderateScale(20),
            flexDirection: 'row',
            alignItems: 'center',
            flexWrap: 'wrap',
            justifyContent: 'center'
          }}>
          <TouchableOpacity style={{ backgroundColor: '#C24040', padding: moderateScale(10), borderRadius: 5, flex:1, marginVertical: moderateScale(6), marginHorizontal: moderateScale(6) }}>
            <Text style={{ color: 'white', textAlign: 'center'}}>{t('dongy')}</Text>
          </TouchableOpacity>
          <TouchableOpacity style={{ backgroundColor: '#F3A913', padding: moderateScale(10), borderRadius: 5, flex:1, marginVertical: moderateScale(6), marginHorizontal: moderateScale(6) }}>
            <Text style={{ color: 'white', textAlign: 'center'}}>{t('tuchoi')}</Text>
          </TouchableOpacity>
        </View>
      </View>
    </>
  );
}
