import type { DivisionBaseInfo } from '@/types/division';

interface DivisionHeaderProps {
    baseInfo: DivisionBaseInfo;
}

export function DivisionHeader({ baseInfo }: DivisionHeaderProps) {
    return (
        <div className="px-5 py-5">
            <div className="mx-auto">
                <div className="flex flex-col justify-between gap-6 md:flex-row md:items-center">
                    <div className="flex min-w-0 flex-1 flex-col md:flex-row md:items-center md:justify-between md:gap-6">
                        <div>
                            <h1 className="truncate text-2xl font-extrabold tracking-tight md:text-3xl">
                                {baseInfo.name}
                            </h1>
                            <p className="mt-1 line-clamp-1 text-sm text-muted-foreground">
                                {baseInfo.description}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
}