Files
firegex-traffic-viewer/frontend/src/components/YesNoModal.tsx
Domingo Dirutigliano ec3bd84aaf Frontend re-styling
2025-02-12 22:24:59 +01:00

19 lines
741 B
TypeScript

import { Button, Group, Modal } from '@mantine/core';
import React from 'react';
function YesNoModal( { title, description, action, onClose, opened}:{ title:string, description:string, onClose:()=>void, action:()=>void, opened:boolean} ){
return <Modal size="xl" title={title} opened={opened} onClose={onClose} centered>
{description}
<Group justify='flex-end' mt="md">
<Button onClick={()=>{
onClose()
action()
}} color="teal" type="submit">Yes</Button>
<Button onClick={onClose} color="red" type="submit">No</Button>
</Group>
</Modal>
}
export default YesNoModal;