Massive/ConfirmDialog.tsx

31 lines
712 B
TypeScript

import {Button, Dialog, Portal, Text} from 'react-native-paper'
export default function ConfirmDialog({
title,
children,
onOk,
show,
setShow,
}: {
title: string
children: JSX.Element | JSX.Element[] | string
onOk: () => void
show: boolean
setShow: (show: boolean) => void
}) {
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={() => setShow(false)}>Cancel</Button>
</Dialog.Actions>
</Dialog>
</Portal>
)
}