interface SidebarBrandProps {
  readonly collapsed: boolean;
}

export function SidebarBrand({ collapsed }: SidebarBrandProps) {
  return (
    <div className="py-2.5 px-4 border-b border-slate-700/50 flex items-center gap-3">
      {collapsed ? (
        <div className="w-9 h-9 rounded-xl bg-gradient-to-br from-violet-500 to-amber-400 flex items-center justify-center mx-auto shadow-lg shadow-violet-500/30">
          <span className="text-white font-bold text-sm">F</span>
        </div>
      ) : (
        <div className="flex items-center gap-2">
          <div className="w-9 h-9 rounded-xl bg-gradient-to-br from-violet-500 to-amber-400 flex items-center justify-center shadow-lg shadow-violet-500/30">
            <span className="text-white font-bold text-sm">F</span>
          </div>
          <div>
            <h1 className="font-bold text-lg bg-gradient-to-r from-violet-400 to-amber-400 bg-clip-text text-transparent leading-tight">
              FRAMEworks
            </h1>
            <p className="text-[10px] text-slate-500 leading-tight">
              School Operations Platform
            </p>
          </div>
        </div>
      )}
    </div>
  );
}
