import React from 'react';
import Image from 'next/image';
import Link from 'next/link';
import { Text } from './Text';

export function HeaderContent() {
  return (
    <div className="flex items-center justify-between">
      <div className="flex items-center space-x-3">
        <Link href="/" className="inline-flex items-center">
          <Image
            src="/images/logos/wordmark-rectangle-dark.svg"
            alt="GridPilot"
            width={160}
            height={30}
            className="h-6 w-auto md:h-8"
            priority
          />
        </Link>
        <Text size="sm" color="text-gray-400" className="hidden sm:block font-light">
          Making league racing less chaotic
        </Text>
      </div>
    </div>
  );
}