complete story 9.6 with qa tests

2026-01-03 02:09:27 +02:00
parent 67502af83d
commit 35591d76b4
6 changed files with 499 additions and 29 deletions
@@ -0,0 +1,29 @@
+@props([
+    'variant' => 'default',
+    'hover' => false,
+    'highlight' => false,
+])
+
+@php
+    $classes = 'bg-cream rounded-lg p-6';
+
+    // Variant-based shadow (default uses custom shadow from specs: 0 2px 8px rgba(0,0,0,0.1))
+    $classes .= match($variant) {
+        'elevated' => ' shadow-md',
+        default => ' shadow-card',
+    };
+
+    // Hover effect - subtle lift with shadow increase
+    if ($hover) {
+        $classes .= ' hover:shadow-card-hover hover:-translate-y-0.5 transition-all duration-200 cursor-pointer';
+    }
+
+    // Gold highlight border (uses border-s for RTL support)
+    if ($highlight) {
+        $classes .= ' border-s-4 border-gold';
+    }
+@endphp
+
+<div {{ $attributes->merge(['class' => $classes]) }}>
+    {{ $slot }}
+</div>