<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag; ?>
<?php foreach($attributes->onlyProps(['position' => 'left']) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $attributes = $attributes->exceptProps(['position' => 'left']); ?>
<?php foreach (array_filter((['position' => 'left']), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
} ?>
<?php $__defined_vars = get_defined_vars(); ?>
<?php foreach ($attributes as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
} ?>
<?php unset($__defined_vars); ?>

<v-tabs
    position="<?php echo e($position); ?>"
    <?php echo e($attributes); ?>

>
    <?php if (isset($component)) { $__componentOriginala93c6af5b8f025af46aa7f785a457087 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginala93c6af5b8f025af46aa7f785a457087 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'admin::components.shimmer.tabs.index','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('admin::shimmer.tabs'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginala93c6af5b8f025af46aa7f785a457087)): ?>
<?php $attributes = $__attributesOriginala93c6af5b8f025af46aa7f785a457087; ?>
<?php unset($__attributesOriginala93c6af5b8f025af46aa7f785a457087); ?>
<?php endif; ?>
<?php if (isset($__componentOriginala93c6af5b8f025af46aa7f785a457087)): ?>
<?php $component = $__componentOriginala93c6af5b8f025af46aa7f785a457087; ?>
<?php unset($__componentOriginala93c6af5b8f025af46aa7f785a457087); ?>
<?php endif; ?>
</v-tabs>

<?php if (! $__env->hasRenderedOnce('f74f4975-d7f7-42c9-9055-4a2cdfffa81a')): $__env->markAsRenderedOnce('f74f4975-d7f7-42c9-9055-4a2cdfffa81a');
$__env->startPush('scripts'); ?>
    <script 
        type="text/x-template"
        id="v-tabs-template"
    >
        <div class="w-full">
            <div
                class="flex justify-center gap-4 border-b border-gray-200"
                :style="positionStyles"
            >
                <div
                    v-for="tab in tabs"
                    class="cursor-pointer px-4 py-2.5 text-sm font-medium text-gray-800"
                    :class="{'border-brandColor border-b-2 !text-brandColor transition': tab.isActive }"
                    @click="change(tab)"
                >
                    {{ tab.title }}
                </div>
            </div>

            <div>
                <?php echo e($slot); ?>

            </div>
        </div>
    </script>

    <script type="module">
        app.component('v-tabs', {
            template: '#v-tabs-template',

            props: ['position'],

            data() {
                return {
                    tabs: []
                }
            },

            computed: {
                positionStyles() {
                    return [
                        `justify-content: ${this.position}`
                    ];
                },
            },

            methods: {
                change(selectedTab) {
                    this.tabs.forEach(tab => {
                        tab.isActive = (tab.title == selectedTab.title);
                    });
                },
            },
        });
    </script>
<?php $__env->stopPush(); endif; ?>
<?php /**PATH /var/www/html/packages/Webkul/Admin/src/Resources/views/components/tabs/index.blade.php ENDPATH**/ ?>