export interface HeaderProps {
    title: string,
    note: string,
}

export default function Header({ title, note }: HeaderProps) {
    if (title === undefined) {
        return <></>;
    }
    return (
        <header>
            <h1>{ title }</h1>
            {
                note !== undefined
                ? (

                    <div class="note">{note}</div>
                )
                : (
                    <></>
                )
            }
        </header>
    );
}