import React from 'react';
import { Portal, Dialog } from 'react-native-paper';
import { HDPathDialogProps } from '../types';
import HDPath from './HDPath';

const HDPathDialog = ({
  visible,
  hideDialog,
  updateIndex,
  updateAccounts,
  pathCode,
}: HDPathDialogProps) => {
  return (
    <Portal>
      <Dialog visible={visible} onDismiss={hideDialog}>
        <Dialog.Title>Add account from HD path</Dialog.Title>
        <Dialog.Content>
          <HDPath
            pathCode={pathCode}
            updateIndex={updateIndex}
            updateAccounts={updateAccounts}
            hideDialog={hideDialog}
          />
        </Dialog.Content>
      </Dialog>
    </Portal>
  );
};

export default HDPathDialog;
