<div class="header wpuf-flex wpuf-flex-row wpuf-mt-4 wpuf-justify-between wpuf-items-center">
    <div class="wpuf-basis-1/2 wpuf-flex wpuf-justify-start wpuf-items-center">
        <img src="<?php echo esc_url( WPUF_ASSET_URI ) . '/images/icon-128x128.png'; ?>" alt="WPUF Icon" class="wpuf-w-12 wpuf-mr-4">
        <h2><?php esc_html_e( 'WP User Frontend', 'wp-user-frontend' ); ?></h2>
        <span class="wpuf-ml-2 wpuf-inline-flex wpuf-items-center wpuf-rounded-full wpuf-bg-green-100 wpuf-px-2 wpuf-py-1 wpuf-text-xs wpuf-font-medium wpuf-text-green-700 wpuf-ring-1 wpuf-ring-inset wpuf-ring-green-600/20">V4.0.6</span>
    </div>
    <div class="wpuf-basis-1/2 wpuf-align-right">
        <a
            href="<?php echo esc_url( 'https://wedevs.com/docs/wp-user-frontend-pro/subscription-payment?utm_source=wpuf-subscription-help&utm_medium=text-link' ); ?>"
            target="_blank"
            class="wpuf-rounded-md wpuf-bg-indigo-600 wpuf-px-3 wpuf-py-2 wpuf-text-sm font-semibold wpuf-text-white wpuf-shadow-sm hover:wpuf-bg-indigo-500 hover:wpuf-text-white focus:wpuf-bg-indigo-500 focus:wpuf-text-white">
            <?php
            esc_html_e(
                'Support', 'wp-user-frontend'
            );
            ?>
            &nbsp;&nbsp;
            <span class="dashicons dashicons-businessman"></span>
        </a>
    </div>
</div>
