title.tsx

import React, { FC } from "react";
import { Link } from "../link/link";

import "./title.css";

type TitleProps = {
    text: string;
    version?: string;
    versionUrl?: string;
    iconSrc?: string;
    style?: string[];
};

export const Title: FC<TitleProps> = ({
    text,
    version,
    versionUrl,
    iconSrc,
    style = []
}) => {
    const classes = () => ["title", ...style].join(" ");
    return (
        <h1 className={classes()}>
            {text}
            {version && (
                <Link href={versionUrl} target="_blank">
                    {version}
                </Link>
            )}
            {iconSrc && <img className="icon" src={iconSrc} alt="icon" />}
        </h1>
    );
};

export default Title;