30 lines
774 B
PHP
30 lines
774 B
PHP
@props([
|
|
'variant' => 'default',
|
|
'hover' => false,
|
|
'highlight' => false,
|
|
])
|
|
|
|
@php
|
|
$classes = 'bg-off-white 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';
|
|
}
|
|
|
|
// Light Olive highlight border (uses border-s for RTL support)
|
|
if ($highlight) {
|
|
$classes .= ' border-s-4 border-accent';
|
|
}
|
|
@endphp
|
|
|
|
<div {{ $attributes->merge(['class' => $classes]) }}>
|
|
{{ $slot }}
|
|
</div>
|