{% from "./Node.njk" import Node %}

{% set variants = {
  light: "bg-gradient-to-b from-neutral-50 to-neutral-50/50 text-neutral-900",
  dark: "bg-gradient-to-b from-neutral-800 to-neutral-900 text-neutral-50"
}
%}

{% macro render(node, ctx) %}
  <svg class="w-full -mt-[55px] {{ 'text-neutral-50' if node.variant == 'light' else 'text-neutral-800' }}" viewBox="0 0 1920 55">
    <path d="M0 55H1920V6.99994C1811 55 1150 55 403.5 6.99994C141.541 -9.84407 0 6.99996 0 55Z" fill="currentColor"/>
  </svg>
  <section class="group/{{node.variant}} {{ variants[node.variant] }}">
    <div class="{{ node.class }} container mx-auto px-8 pt-16 pb-48">
      {% for child in node.children %}
        {{ Node(child.type, child, ctx) }}
      {% endfor %}
    </div>
  </section>
{% endmacro %}