import React from "react";
import {Separator} from "@/components/ui/separator.tsx";

export function AMHeader(props: { title: string, children?: Readonly<React.ReactNode> }) {
    return (
        <>
            <div className="flex items-center gap-1">
                <h2 className="text-4xl font-bold select-none flex-grow">{props.title}</h2>
                {props.children}
            </div>
            <Separator/>
        </>
    );
}