{% extends "web/pages/base_page.js.jinja2" %}

{% block export %}
{% for component in components %}

{% for custom_code in component.custom_code %}
{{custom_code}}
{% endfor %}

export const {{component.name}} = memo(({ {{-component.props|join(", ")-}} }) => {
    {% for hook in component.hooks %}
    {{ hook }}
    {% endfor %}
    return(
        {{utils.render(component.render)}}
      )

})
{% endfor %}
{% endblock %}