import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { ResultTitle } from "./ResultTitle";
import { css } from "styled-components";
export function ResultTitleExternalLink({ href, children, }) {
    return (_jsxs("div", { css: css `
        display: flex;
        align-items: baseline;
      `, children: [_jsx(ResultTitle, { children: _jsx("a", { href: href, target: "_blank", children: children }) }), _jsx("a", { href: href, target: "_blank", children: _jsx(FontAwesomeIcon, { icon: faExternalLinkAlt, css: css `
            margin-left: 0.5em;
          ` }) })] }));
}
