import React from 'react';
import {useTranslation} from 'react-i18next';
import {Dialog, Typography} from '@components';
import {openSettings} from '@shared/utils';

interface Props {
  isVisible: boolean;
  onClose: () => void;
}

export function DialogMissingCallPermission({isVisible, onClose}: Props) {
  const {t} = useTranslation();

  return (
    <Dialog
      title={t('calls.permissions_required')}
      isVisible={isVisible}
      onClose={onClose}
      footer={{
        primaryButton: {
          text: t('calls.open_settings'),
          onPress: openSettings,
        },
        secondaryButton: {
          text: t('general.cancel'),
          onPress: onClose,
        },
      }}>
      <Typography>{t('calls.permissions_required_description')}</Typography>
    </Dialog>
  );
}