Link

import { linkField } from "@/fields/link"
import type { Block } from "payload"

export const ExampleBlock: Block = {
  slug: "example",
  interfaceName: "Example",
  fields: [
    // your other fields
    linkField,
  ],
}

import { getHrefByLink } from "@/lib/get-href-by-link"
import type { Example } from "@/payload-types"
import Link from "next/link"

export function ExampleBlock(props: Example) {
  const href = getHrefByLink(props.link)
  if (!href) return null

  return (
    <Link
      href={href}
      target={props.link?.newTab ? "_blank" : undefined}
      rel={props.link?.newTab ? "noopener noreferrer" : undefined}
    >
      {props.link?.label}
    </Link>
  )
}