// File Path: monorepo/native/desktop/maplefile/frontend/src/pages/User/FileManager/TrashView.jsx
import { Link } from "react-router-dom";
import Navigation from "../../../components/Navigation";
import Page from "../../../components/Page";
import "../Dashboard/Dashboard.css";

function TrashView() {
  return (
    <div className="layout">
      <Navigation />
      <div className="main-content">
        <Page title="Trash" showBackButton={true}>
          <p>Deleted files and collections.</p>
          <h3>Deleted Items (Demo)</h3>
          <div className="nav-buttons">
            <Link to="/file-manager" className="nav-button secondary">
              Restore: old_file.pdf
            </Link>
            <Link to="/file-manager" className="nav-button secondary">
              Restore: archive.zip
            </Link>
          </div>
          <h3>Actions</h3>
          <div className="nav-buttons">
            <Link to="/file-manager" className="nav-button danger">
              Empty Trash
            </Link>
          </div>
        </Page>
      </div>
    </div>
  );
}

export default TrashView;
