---
import Button from "./ui/Button.astro";
---

<div>
  <div class="flex justify-between py-4">
    <div class="border-l-4 border-primary pl-4">
      <p class="font-secondary text-primary font-bold leading-none py-2 text-md">
        Centro del Reino<br /> De Paz y Justicia
      </p>
    </div>
    <nav
      class="flex justify-evenly gap-10 items-center uppercase text-md text-white"
    >
      <div class="flex gap-8 font-primary">
        <a href="#">Inicio</a>
        <a href="#">Somos</a>
        <a href="#">Programas</a>
        <a href="#">Noticias</a>
      </div>
      <div class="w-50">
        <Button class="px-8 py-2 uppercase" title="Contacto" url="/contacto" variant="primary" />
      </div>
    </nav>
  </div>
</div>