import { User } from "lucide-react"
import { PublicHeader } from "@/registry/blocks/public-header/public-header"
import { Button } from "@/registry/ui/button"

export default function PublicHeaderPreview() {
  return (
    <PublicHeader
      appName="Audience"
      homeHref="#"
      nav={[
        { label: "Home", href: "#" },
        { label: "Systems", href: "#systems" },
        { label: "Countries", href: "#countries" },
        { label: "Compare", href: "#compare" },
      ]}
      actions={
        <>
          <Button variant="ghost" size="sm">
            EN
          </Button>
          <Button variant="ghost" size="icon" aria-label="Admin">
            <User className="h-4 w-4" />
          </Button>
        </>
      }
    />
  )
}