import Image from 'next/image'
import HTLDLogo from '@/app/(frontend)/htld.svg'
import { SignOutButton } from '@/app/(frontend)/_components/SignOutButton'
import { SignInButton } from '@/app/(frontend)/_components/SignInButton'
import React from 'react'
import { getPayloadSession } from 'payload-authjs'
import Link from 'next/link'
import { Button } from '@/components/ui/button'


export default async function Header(){
  const session = await getPayloadSession();
  return (
    <header className="w-full h-20 flex flex-row  items-center  shadow-md justify-between">
      <div className="w-full lg:w-auto flex h-full bg-htl-red items-center flex-row gap-4 px-2">
        <Image
          className="h-16 w-auto rounded"
          src={HTLDLogo}
          alt={"HTL Dornbirn Logo"}
        />
        <p className="text-2xl md:text-6xl text-white">Diplom- und Abschlussarbeiten</p>
      </div>
      <div className="hidden lg:block w-auto pr-2">
        <Link href="/admin" className="text-sm/6 font-semibold text-gray-900">
         Administration <span aria-hidden="true">&rarr;</span>
        </Link>
      </div>

    </header>
  )
}