// /components/main/settingsPageComponents/DatabaseSettings.tsx
"use client";
import React from "react";
import handleClearDatabase from "./handlers/handleClearDatabase";

const DatabaseSettings: React.FC = () => {
  return (
    <div className="p-6 md:p-3 bg-gray-100 max-w-5xl mr-auto">
      <h2 className="text-sm md:text-md font-bold mb-2">
        Datenbank Einstellungen
      </h2>

      <div className="mb-3">
        <p className="text-xs text-gray-700 mb-2">
          Datenbankfunktionen wie Löschen, Export oder Reset. Weitere Funktionen
          folgen.
        </p>

        {/* ✅ Button: Datenbank leeren */}
        <button
          type="button"
          onClick={handleClearDatabase}
          className="bg-red-500 text-white px-3 py-1 rounded text-xs"
        >
          Datenbank leeren
        </button>
      </div>
    </div>
  );
};

export default DatabaseSettings;