Add comprehensive .gitignore

maternal-web/components/children/DeleteConfirmDialog.tsx

@@ -0,0 +1,52 @@
+'use client';
+
+import {
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  Button,
+  Typography,
+} from '@mui/material';
+import { Warning } from '@mui/icons-material';
+
+interface DeleteConfirmDialogProps {
+  open: boolean;
+  onClose: () => void;
+  onConfirm: () => void;
+  childName: string;
+  isLoading?: boolean;
+}
+
+export function DeleteConfirmDialog({
+  open,
+  onClose,
+  onConfirm,
+  childName,
+  isLoading = false,
+}: DeleteConfirmDialogProps) {
+  return (
+    <Dialog open={open} onClose={onClose} maxWidth="xs" fullWidth>
+      <DialogTitle sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+        <Warning color="warning" />
+        Confirm Delete
+      </DialogTitle>
+      <DialogContent>
+        <Typography variant="body1">
+          Are you sure you want to delete <strong>{childName}</strong>?
+        </Typography>
+        <Typography variant="body2" color="text.secondary" sx={{ mt: 2 }}>
+          This action cannot be undone. All associated data will be permanently removed.
+        </Typography>
+      </DialogContent>
+      <DialogActions>
+        <Button onClick={onClose} disabled={isLoading}>
+          Cancel
+        </Button>
+        <Button onClick={onConfirm} color="error" variant="contained" disabled={isLoading}>
+          {isLoading ? 'Deleting...' : 'Delete'}
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+}