/*
 * Copyright (C) 2025 Red Hat, Inc.
 * SPDX-License-Identifier: LGPL-2.1-or-later
 */

import React, { useContext } from "react";

import { SystemTypeContext } from "../../contexts/Common.jsx";

/**
 * ExternalLink component that handles external links based on system type.
 * In BOOT_ISO mode, links open in a new tab with target="_blank" and rel="noopener noreferrer".
 * In live images, these attributes are omitted since extlink:// protocol handles opening links externally.
 *
 * @param {Object} props - Component props
 * @param {string} props.href - The URL for the link
 * @param {React.ReactNode} props.children - The content of the link
 * @param {Object} props.other - Any other props to pass to the anchor element
 */
export const ExternalLink = ({ children, href, ...other }) => {
    const isBootIso = useContext(SystemTypeContext).systemType === "BOOT_ISO";

    return (
        <a
          href={href}
          {...(isBootIso ? { rel: "noopener noreferrer", target: "_blank" } : {})}
          {...other}
        >
            {children}
        </a>
    );
};