XeNote/components/UsefulLinks/UsefulLink.js

import ExternalLinkIcon from "../ExternalLinkIcon.js";

export function UsefulLink({ title, link }) {
  return (
    <a href={link} className="text-white">
      <li className="flex w-full items-baseline gap-1">
        <div>{title}</div>
        <div className="border flex-1 h-0 border-dashed " />
        <ExternalLinkIcon />
      </li>
    </a>
  )
}