export const LogoText = () => (
  <a
    class="text-md flex items-center gap-1 whitespace-nowrap font-bold uppercase sm:text-xl"
    href="https://github.com/metacubex/metacubexd"
    target="_blank"
  >
    <span>metacube</span>
    <span>(</span>
    <div class="text-primary transition-transform hover:rotate-90 hover:scale-125">
      xd
    </div>
    <span>)</span>
  </a>
)