{{-- Composant boîte d'aide/conseil réutilisable --}}
@props([
'type' => 'info', // info, tip, warning, success
'title' => '',
'dismissible' => false,
'storageKey' => null // clé pour localStorage si dismissible
])
@php
$config = match($type) {
'info' => [
'bg' => 'bg-blue-50',
'border' => 'border-blue-200',
'icon_bg' => 'bg-blue-100',
'icon_color' => 'text-blue-500',
'title_color' => 'text-blue-800',
'text_color' => 'text-blue-700',
'icon' => ''
],
'tip' => [
'bg' => 'bg-yellow-50',
'border' => 'border-yellow-200',
'icon_bg' => 'bg-yellow-100',
'icon_color' => 'text-yellow-500',
'title_color' => 'text-yellow-800',
'text_color' => 'text-yellow-700',
'icon' => ''
],
'warning' => [
'bg' => 'bg-orange-50',
'border' => 'border-orange-200',
'icon_bg' => 'bg-orange-100',
'icon_color' => 'text-orange-500',
'title_color' => 'text-orange-800',
'text_color' => 'text-orange-700',
'icon' => ''
],
'success' => [
'bg' => 'bg-green-50',
'border' => 'border-green-200',
'icon_bg' => 'bg-green-100',
'icon_color' => 'text-green-500',
'title_color' => 'text-green-800',
'text_color' => 'text-green-700',
'icon' => ''
],
default => [
'bg' => 'bg-gray-50',
'border' => 'border-gray-200',
'icon_bg' => 'bg-gray-100',
'icon_color' => 'text-gray-500',
'title_color' => 'text-gray-800',
'text_color' => 'text-gray-700',
'icon' => ''
]
};
@endphp
@if($title)
{{ $title }}
@endif
{{ $slot }}
@if($dismissible)
@endif