import React from "react";
import { technologies } from "./data";
import TechnologyContent from "./content";

export default async function TechnologyPage({
  params,
}: {
  params: Promise<{ slug: string }>;
}) {
  const { slug } = await params;
  return <TechnologyContent slug={slug} />;
}

// Generate static params for these dynamic routes
export async function generateStaticParams() {
  return Object.keys(technologies).map((slug) => ({
    slug,
  }));
}