"use client";
import React from "react";

export default function InputModal({ selectedInput, closeInputModal, isOpen }) {
  if (!isOpen || !selectedInput) return null;

  return (
    <div className="fixed top-0 left-0 w-full h-full bg-black bg-opacity-50 flex justify-center items-center z-50">
      <div className="bg-white rounded-lg shadow-lg p-6 w-1/3">
        <h2 className="text-lg font-bold mb-4">
          Details für Eingang {selectedInput.id}
        </h2>
        <p>
          <strong>Status:</strong>{" "}
          {selectedInput.status === "active" ? "Aktiv" : "Inaktiv"}
        </p>
        <p>
          <strong>Beschreibung:</strong> {selectedInput.description}
        </p>
        <button
          onClick={closeInputModal}
          className="mt-4 px-4 py-2 bg-blue-500 text-white rounded-lg"
        >
          Schließen
        </button>
      </div>
    </div>
  );
}
