bruno/packages/bruno-app/src/components/Environments/EnvironmentSettings/DeleteDotEnvFile/index.js

import React from 'react';
import Portal from 'components/Portal/index';
import Modal from 'components/Modal/index';
import StyledWrapper from './StyledWrapper';

const DeleteDotEnvFile = ({ onClose, onConfirm, filename = '.env' }) => {
  const handleConfirm = () => {
    onConfirm();
    onClose();
  };

  return (
    <Portal>
      <StyledWrapper>
        <Modal
          size="sm"
          title={`Delete ${filename} File`}
          confirmText="Delete"
          handleConfirm={handleConfirm}
          handleCancel={onClose}
          confirmButtonColor="danger"
        >
          Are you sure you want to delete <span className="font-medium">{filename}</span> file?
        </Modal>
      </StyledWrapper>
    </Portal>
  );
};

export default DeleteDotEnvFile;