{% macro render(node) %}
  {% if node.variant == 'light' %}
    <div class="flex gap-2 items-center {{node.class}}">
      <img src="/public/logo.png" class="w-8 h-8" alt=""/>
      <span class="text-3xl text-transparent bg-clip-text bg-gradient-to-b from-primary-400 to-primary-600">Terrace</span>
    </div>
  {% else %}
    <div class="flex gap-4 items-center {{node.class}}">
      <img src="/public/logo.png" class="w-8 h-8 md:w-16 md:h-16" alt=""/>
      <h1 class="text-xl md:text-5xl text-transparent bg-clip-text bg-gradient-to-b from-primary-400 to-primary-600">Terrace</h1>
    </div>
  {% endif %}
{% endmacro %}