WebSAW-LOCAL/resources/views/components/card.blade.php

28 lines
693 B
PHP

@props([
'padding' => true,
'hover' => false,
])
@php
$classes = 'bg-white rounded-2xl border border-gray-100 shadow-sm overflow-hidden transition-all duration-300';
if ($hover) {
$classes .= ' hover:shadow-md hover:-translate-y-0.5';
}
@endphp
<div {{ $attributes->merge(['class' => $classes]) }}>
@if(isset($header))
<div class="px-6 py-4 border-b border-gray-100">
{{ $header }}
</div>
@endif
<div class="{{ $padding ? 'p-6' : '' }}">
{{ $slot }}
</div>
@if(isset($footer))
<div class="px-6 py-4 border-t border-gray-100 bg-gray-50/50">
{{ $footer }}
</div>
@endif
</div>