Add demo page on using TabComponent

resources/views/pages/tab_component_demo.blade.php

@@ -0,0 +1,37 @@
+@extends('layouts.base_portal')
+@section('inner_content')
+
+<tab-component class="p-3 p-b-0 p-md-0" 
+:tabs="[
+    { name: 'custom', text: 'Custom Segments', icon: 'list', iconColor: 'Orange' },
+    { name: 'label', text: 'Labels', icon: 'cube', iconColor: '#00baa4' }
+]"
+tab-position="top"
+>
+    <template #custom>
+       <h1 class="text-center" style="width:100%">First tab content loaded</h1>
+    </template>
+
+    <template #label>
+        <list-component      
+            class="mt-4"
+            :key="2"
+            section="section2"
+            :endpoint="route('api.company.list')"            
+            :options="{
+                segments_in: [13],
+                with_total_payments: true,
+                recency: '2022-02-15',
+                frequency: 15,
+                business_type: 2,
+                with_bookings: true,
+                order_by: { column: 'total_payments', DESC: true },
+            }"
+        >
+            <template slot="list" slot-scope="{ data }">
+                <company-component :data="data"></company-component>
+            </template>
+        </list-component>
+    </template>
+</tab-component>
+@endsection

routes/web.php

@@ -244,3 +244,10 @@ Route::get('/segments', function (Request $request) {
 
     return view('pages.segments.index', compact('segment'));
 })->name('segments');
+
+if(app()->environment() === 'local'){
+    Route::get('/tab-component-demo', function () {
+        return view('pages.tab_component_demo');
+    })->name('tabComponentDemo');
+}
+