<?php
/*
* Plugin-Name: Product Designer App
* Plugin-URI: https://productdesignerapp.com
* Author: productdesignerapp
* Page: Settings
*/

if (!defined('ABSPATH'))
{
    exit;
}
?>
<ul class="nav nav-tabs nav-bordered nav-justified" role="tablist">
    <li class="nav-item" role="presentation" v-for="(tab, tid) in tabs">
        <a href="javascript:void(0)" class="nav-link" :class="activeTab == tid ? 'active' : ''" @click="activeTab = tid; loadedStore = false" role="tab">
            <span class="d-flex justify-content-center">
                <i class="material-icons material-symbols-outlined me-1">{{ tab.icon }}</i>
                <span class="d-none d-xl-block">{{ tab.title }}</span>
            </span>
        </a>
    </li>
</ul>