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

function SearchResults() {
  return (
    <div className="layout">
      <Navigation />
      <div className="main-content">
        <Page title="Search Files" showBackButton={true}>
          <p>Search your encrypted files.</p>
          <h3>Search Results (Demo)</h3>
          <div className="nav-buttons">
            <Link to="/file-manager/files/abc" className="nav-button secondary">
              Result 1: document.pdf
            </Link>
            <Link to="/file-manager/files/def" className="nav-button secondary">
              Result 2: image.png
            </Link>
            <Link to="/file-manager/files/ghi" className="nav-button secondary">
              Result 3: report.docx
            </Link>
          </div>
        </Page>
      </div>
    </div>
  );
}

export default SearchResults;
