titlearea.tsx

import React from "react";

import "./titlearea.css";

interface TitleAreaProps {
    name: string;
    image?: string;
}

function TitleArea({ name, image }: TitleAreaProps) {
    const marginTop = image ? 0 : 25;
    return (
        <div className={"title-area"} style={{ marginTop }}>
            {image && <img src={image} className={"title-area-image"} />}
            <h2 className={"title-area-headline"}>{name}</h2>
        </div>
    );
}

export default TitleArea;