skeleton for import export

resources/views/import-export.blade.php

@@ -14,8 +14,7 @@
                     
                     <!-- Name -->
                     <div class="col-span-6 sm:col-span-4">
-                        {{-- <x-file wire:model="file" label="Receipt" hint="Only PDF" accept="application/pdf" /> --}}
+                        @livewire('import-portfolios-field')
-                        <input type="file" />
                     </div>
             
                 </x-slot>
@@ -23,7 +22,7 @@
                 <x-slot name="actions">
               
                     <x-button type="submit">
-                        {{ __('Save') }}
+                        {{ __('Import') }}
                     </x-button>
                 </x-slot>
             </x-forms.form-section>
@@ -45,9 +44,8 @@
                     
                     <!-- Name -->
                     <div class="col-span-6 sm:col-span-4">
-                        <x-button type="submit">
+                        @livewire('export-portfolios-button')
-                            {{ __('Download Export') }}
+                        
-                        </x-button>
 
                     </div>
             

resources/views/livewire/export-portfolios-button.blade.php

@@ -0,0 +1,26 @@
+<?php
+
+use Livewire\Volt\Component;
+use Mary\Traits\Toast;
+
+new class extends Component {
+    use Toast;
+
+    // props
+    
+
+    // methods
+    public function mount() 
+    {
+
+        //
+    }
+
+    
+}; ?>
+
+<div>
+    <x-button type="submit">
+        {{ __('Download Export') }}
+    </x-button>
+</div>

resources/views/livewire/import-portfolios-field.blade.php

@@ -0,0 +1,21 @@
+<?php
+
+use Livewire\Volt\Component;
+use Mary\Traits\Toast;
+
+new class extends Component {
+    use Toast;
+
+    // props
+    public $file;
+
+    // methods
+    public function mount() 
+    {
+
+        //
+    }
+    
+}; ?>
+
+<x-file wire:model="file" label="Select a file" hint="" accept="application/pdf" required />