import { logoutAction } from "@/app/actions";
import { TextButton } from "@/components/ui";

export function AppHeader() {
  return (
    <header className="sticky top-0 z-30 -mx-1 mb-5 flex items-center justify-between border-b border-stone-200/80 bg-[rgba(246,243,238,0.96)] px-1 py-1.5 backdrop-blur">
      <p className="text-sm font-semibold tracking-tight text-stone-900">Food Tracker</p>
      <form action={logoutAction}>
        <TextButton type="submit">Log out</TextButton>
      </form>
    </header>
  );
}