{%- extends "theming/base_component.html" -%}

{%- block overview -%}

    <p>
        The <code>header</code> component creates page headers that establish the top-level
        structure of pages and provide consistent navigation and branding
        elements.
    </p>

    <p>
        Header components handle complex layout requirements including responsive
        behavior, navigation menus, search bars, and branding elements. They ensure
        consistent positioning and styling of header content while adapting to
        different page types and content requirements. The component provides the
        structural foundation for the top portion of every page, creating visual
        consistency and familiar navigation patterns for users.
    </p>

    <p>
        The <code>account</code> component provides account-related meta elements that appear
        consistently across pages where user account information is relevant. This
        component typically appears above the <code>header</code> and displays user
        profile information, account status, or account-specific navigation
        elements that are important for user identification and account management.
    </p>

{%- endblock %}

{%- block parameters -%}
    <h3>Header</h3>
    {{ super() }}

    <h3>Account</h3>
    {{ parameters_table("account") }}

{%- endblock %}