WIP: added button component

add tests

resources/views/components/button.blade.php

@@ -0,0 +1,8 @@
+<button 
+    {{ $attributes
+        ->merge(['class' => $classes()])
+        ->merge(['disabled' => $disabled])
+    }}
+>
+    {{ $slot }}
+</button>

resources/views/storybook/index.blade.php

@@ -27,33 +27,29 @@
             <h3 class="text-l font-semibold">Enabled</h3>
 
             <div class="flex gap-4">
-                <button class="bg-primary text-text-inverted px-4 py-2 rounded">
-                    Primary
-                </button>
+                <x-button>Default</x-button>
 
-                <button class="bg-secondary text-black px-4 py-2 rounded">
-                    Secondary
-                </button>
+                <x-button variant="primary">Primary</x-button>
 
-                <button class="border border-primary text-primary px-4 py-2 rounded">
-                    Outline
-                </button>
+
+                <x-button variant="secondary">Secondary</x-button>
+
+
+                <x-button variant="outline">Outline</x-button>
             </div>
 
             <h3 class="text-l font-semibold">Disabled</h3>
 
             <div class="flex gap-4">
-                <button class="bg-primary text-text-inverted px-4 py-2 rounded" disabled>
-                    Primary
-                </button>
+                <x-button disabled>Default</x-button>
 
-                <button class="bg-secondary text-black px-4 py-2 rounded" disabled>
-                    Secondary
-                </button>
+                <x-button variant="primary" disabled>Primary</x-button>
 
-                <button class="border border-primary text-primary px-4 py-2 rounded" disabled>
-                    Outline
-                </button>
+
+                <x-button variant="secondary" disabled>Secondary</x-button>
+
+
+                <x-button variant="outline" disabled>Outline</x-button>
             </div>
         </section>