"use client";

// A copy line from hubScopeCopy.ts as a reader sees it: its words, and its
// ${link("…")} phrase, when it has one, a link to the hub's front page.

import Link from "next/link";
import type { Copy } from "./hubScopeCopy";

export function LinkedCopy({ copy }: { copy: Copy }) {
  return (
    <>
      {copy.before}
      {copy.link && (
        <Link href="/" className="text-brand underline-offset-2 hover:underline">
          {copy.link}
        </Link>
      )}
      {copy.after}
    </>
  );
}