{% load django_vite %}
{# React Footer Island - Domain config via LIGHTWAVE_CONFIG context processor #}
{#
   This template provides the mount point for a React footer component.
   Data is passed via data-* attributes for JavaScript parsing.

   Required context variables (from lightwave.islands.context_processors.lightwave_navigation):
   - footer_nav: JSON string of footer navigation categories
   - company_info: JSON string of brand/company information
   - lightwave_config: Dict containing islands.footer_js path
#}

{# Container for React to mount the footer #}
<div id="footer-root"
     data-nav-categories="{{ footer_nav }}"
     data-company-info="{{ company_info }}">
</div>

{# Load the domain-specific footer React bundle #}
{% vite_react_refresh %}
{% with footer_js=lightwave_config.islands.footer_js|default:"assets/javascript/footer.tsx" %}
{% vite_asset footer_js %}
{% endwith %}