<h3>Account</h3>

<p>
    The <code>account</code> block often rendered above the <code>header</code>. Themes
    can implement it in a different way, but it is typically used to display
    account-related information and navigation options. This block can include
    elements such as the user's name, profile picture, and links to account
    settings, profile management, or logout functionality. The content of the <code>account</code> block
    is usually dynamic and changes based on the user's authentication status
    and permissions.
</p>


{%- call ui.util.call(show_example) -%}
    {%- raw %}
        {%- call ui.util.call(ui.account) -%}
            <div class="account">
                {%- call ui.util.call(ui.account_nav) -%}
                    {{ ui.account_nav_item("Profile", href="") }}
                    {{ ui.account_nav_item("Dashboard", href="") }}
                {%- endcall %}
            </div>
        {%- endcall %}

        {{ ui.header(ui.main_nav(ui.main_nav_item("Datasets", "/dataset"))) }}
    {%- endraw %}
{%- endcall %}