import React from 'react';

import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack } from '@/mui/components';

type PropTypes = {
  onClose: () => null;
  onConfirm: () => void;
  open: boolean;
};

function SaveAndCreateTagsConfirmDialog({ onClose, onConfirm, open = false }: PropTypes) {
  return (
    <Dialog open={open} onClose={onClose} maxWidth="md">
      <DialogTitle onClose={onClose}>Save Player and Create Supply Tags</DialogTitle>
      <DialogContent>
        <Stack spacing={2}>
          <p>
            New supply tags will be created automatically without any demand connected to them. They will be available
            in the <b>Marketplace</b> interface after saving.
          </p>
          <p>To begin monetizing, please connect demand tags through the Marketplace or contact your AM.</p>
        </Stack>
      </DialogContent>
      <DialogActions>
        <Button variant="outlined" color="primary" onClick={onClose}>
          Cancel
        </Button>
        <Button variant="contained" color="primary" onClick={onConfirm}>
          Confirm
        </Button>
      </DialogActions>
    </Dialog>
  );
}

export default SaveAndCreateTagsConfirmDialog;
