tildes-reextended/source/utilities/components/link.tsx

import {type JSX} from "preact";

type Props = {
  class?: string;
  text: string;
  url: string;
};

/** An `<a />` helper component with `target="_blank"` and `rel="noopener"`. */
export function Link(props: Props): JSX.Element {
  return (
    <a class={props.class} href={props.url} target="_blank" rel="noopener">
      {props.text}
    </a>
  );
}