53 lines
1.4 KiB
TypeScript
53 lines
1.4 KiB
TypeScript
'use client';
|
|
|
|
import {
|
|
Dialog,
|
|
DialogTitle,
|
|
DialogContent,
|
|
DialogActions,
|
|
Button,
|
|
Typography,
|
|
} from '@mui/material';
|
|
import { Warning } from '@mui/icons-material';
|
|
|
|
interface RemoveMemberDialogProps {
|
|
open: boolean;
|
|
onClose: () => void;
|
|
onConfirm: () => void;
|
|
memberName: string;
|
|
isLoading?: boolean;
|
|
}
|
|
|
|
export function RemoveMemberDialog({
|
|
open,
|
|
onClose,
|
|
onConfirm,
|
|
memberName,
|
|
isLoading = false,
|
|
}: RemoveMemberDialogProps) {
|
|
return (
|
|
<Dialog open={open} onClose={onClose} maxWidth="xs" fullWidth>
|
|
<DialogTitle sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
|
|
<Warning color="warning" />
|
|
Remove Family Member
|
|
</DialogTitle>
|
|
<DialogContent>
|
|
<Typography variant="body1">
|
|
Are you sure you want to remove <strong>{memberName}</strong> from your family?
|
|
</Typography>
|
|
<Typography variant="body2" color="text.secondary" sx={{ mt: 2 }}>
|
|
This member will lose access to all family data and activities.
|
|
</Typography>
|
|
</DialogContent>
|
|
<DialogActions>
|
|
<Button onClick={onClose} disabled={isLoading}>
|
|
Cancel
|
|
</Button>
|
|
<Button onClick={onConfirm} color="error" variant="contained" disabled={isLoading}>
|
|
{isLoading ? 'Removing...' : 'Remove Member'}
|
|
</Button>
|
|
</DialogActions>
|
|
</Dialog>
|
|
);
|
|
}
|