{{--
    Loading skeleton for the companies multi-row datagrid header (`b2b-company-head`): a
    leading select column plus four aligned columns. The grid template lives in the view's
    scoped style block; hidden below 1024px like the real header.
--}}
<div class="b2b-company-head border-b px-4 py-2.5 dark:border-gray-800">
    <div
        class="shimmer"
        style="height: 20px; width: 20px;"
    ></div>

    <div>
        <div
            class="shimmer"
            style="height: 16px; width: 70%; max-width: 150px;"
        ></div>
    </div>

    <div class="b2b-company-divider">
        <div
            class="shimmer"
            style="height: 16px; width: 60%; max-width: 120px;"
        ></div>
    </div>

    <div class="b2b-company-divider">
        <div
            class="shimmer"
            style="height: 16px; width: 60%; max-width: 120px;"
        ></div>
    </div>

    <div class="b2b-company-divider">
        <div
            class="shimmer"
            style="height: 16px; width: 50%; max-width: 90px;"
        ></div>
    </div>
</div>
