import { Button, Dialog, Portal, Text } from "react-native-paper";

export default function ConfirmDialog({
  title,
  children,
  onOk,
  show,
  setShow,
  onCancel,
}: {
  title: string;
  children: JSX.Element | JSX.Element[] | string;
  onOk: () => void;
  show: boolean;
  setShow: (show: boolean) => void;
  onCancel?: () => void;
}) {
  const cancel = () => {
    setShow(false);
    onCancel && onCancel();
  };

  return (
    <Portal>
      <Dialog visible={show} onDismiss={() => setShow(false)}>
        <Dialog.Title>{title}</Dialog.Title>
        <Dialog.Content>
          <Text>{children}</Text>
        </Dialog.Content>
        <Dialog.Actions>
          <Button onPress={onOk}>OK</Button>
          <Button onPress={cancel}>Cancel</Button>
        </Dialog.Actions>
      </Dialog>
    </Portal>
  );
}