import DesktopHeader from "../../../components/DesktopHeader";
import MobileHeader from "../../../components/MobileHeader";
import Footer from "../../../components/Footer";
import FilterCard from "../../../components/FilterCard";

export default function ProductPage({ params }: { params: { id: string } }) {
  return (
    <main>
      <DesktopHeader />
      <MobileHeader />
      <section className="section">
        <div className="container layout-2col">
          <aside>
            <FilterCard title="Filter Parts" />
          </aside>
          <div className="content-empty">
            <h1 className="page-title">Product: {params.id}</h1>
            <p>This product page is ready for details.</p>
          </div>
        </div>
      </section>
      <Footer />
    </main>
  );
}