import { focusRing } from "../lib/focus-ring";

export function ExternalUriLink({ uri }: { uri: string }) {
  return (
    <a
      href={uri}
      target="_blank"
      rel="noopener noreferrer"
      className={`block truncate rounded-sm text-xs text-muted-foreground hover:text-foreground ${focusRing}`}
    >
      {uri}
    </a>
  );
}
