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

export default function CategoryPage({ params }: { params: { slug: 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">Category: {params.slug}</h1>
            <p>This category page is ready for products.</p>
          </div>
        </div>
      </section>
      <Footer />
    </main>
  );
}
