import { TLogo } from '../common/TLogo';

export function HeaderBrand() {
  return (
    <div className="flex min-w-[280px] shrink-0 items-center gap-4 whitespace-nowrap">
      <div className="shrink-0">
        <TLogo size={46} />
      </div>
      <div className="flex min-w-0 items-center gap-2 whitespace-nowrap">
        <span className="text-[1.18rem] font-semibold tracking-[-0.04em] text-foreground">
          T-Systems
        </span>
        <span className="text-[1.02rem] font-light text-muted-foreground">
          Regulation
        </span>
      </div>
    </div>
  );
}