ntfy/web/src/components/DialogFooter.jsx

import * as React from "react";
import { Box, DialogContentText, DialogActions } from "@mui/material";

const DialogFooter = (props) => (
  <Box
    sx={{
      display: "flex",
      flexDirection: "row",
      justifyContent: "space-between",
      paddingLeft: "24px",
      paddingBottom: "8px",
    }}
  >
    <DialogContentText
      component="div"
      aria-live="polite"
      sx={{
        margin: "0px",
        paddingTop: "12px",
        paddingBottom: "4px",
      }}
    >
      {props.status}
    </DialogContentText>
    <DialogActions sx={{ paddingRight: 2 }}>{props.children}</DialogActions>
  </Box>
);

export default DialogFooter;