import { Footer } from "@/components/footer";
import { Heading } from "./_components/heading";
import { AskAgentCard } from "./_components/ask-agent-card";

export default async function ChatToAgent({
  params,
}: {
  params: Promise<{ agentId: string }>;
}) {
  const { agentId } = await params;
  
  return (
    <>
      <Heading />
      <hr className="" />
      <section>
        <div className="layout border-x px-3 sm:px-6 py-8">
          <AskAgentCard agentId={agentId} />
        </div>
      </section>
      <hr className="" />
      <Footer />
    </>
  );
}
