Mapped the sizes of the drop down

Author: Gustavinho

resources/views/components/dropdown/drop-down.blade.php

@@ -7,7 +7,15 @@
  - trigger
 --}}
 
-@props(['size' => null, 'dropDownWidth' => null, 'label' => '',])
+@props(['size' => 'lg', 'dropDownWidth' => null, 'label' => '',])
+
+@php
+  $sizes = [
+    'full' => 'full',
+    'sm' => 'w-48',
+    'lg' => 'w-64'
+  ]
+@endphp
 
 <div
   class="relative"
@@ -26,13 +34,7 @@ class="relative"
   </span>
 
   <div
-    {{ $attributes->class([
-      'bg-white shadow-lg rounded absolute top-8 right-0 border text-left z-10',
-      "w-".($dropDownWidth ? $dropDownWidth : ''),
-      'w-full' => $size === 'full',
-      'w-64' => !$size,
-      'w-48' => $size === 'sm',
-    ])}}
+    class="bg-white shadow-lg rounded absolute top-8 right-0 border text-left z-10 {{ isset($dropDownWidth) ? "w-$dropDownWidth" : '' }} {{ $sizes[$size] }}"
     x-show.transition="open"
     @click.away="open = false"
     x-cloak