"use client";

import * as React from "react";
import { Button } from "@/src/components/Button";
import { chooseContactTopic } from "./contactTopic";

/** A call to action that jumps to the contact section with a topic already chosen. */
export const TopicButton: React.FC<{
  topic: string;
  children: React.ReactNode;
}> = ({ topic, children }) => (
  <Button
    href="#contact"
    size="large"
    onClick={() => chooseContactTopic(topic)}
  >
    {children}
  </Button>
);