{{--
    Alert Box Organism - Luxury Edition (Atomic Composable v2.0)
    Subtle status messages with warm neutral background and colored left border accent
    All variants share same background - differentiated by border color only (sophisticated)

    Note: All design tokens auto-injected via View Composer
    Uses centralized variant definitions from config/emails.php

    Usage:
    @component('emails.organisms.alert-box', [
        'variant' => 'success',  // success|warning|error|info
        'title' => 'Success!'    // Optional
    ])
        Your action was completed successfully.
    @endcomponent
--}}
@php
$variant = $variant ?? 'info';

// Get variant config from centralized design tokens
$variantConfig = $alertVariants[$variant] ?? $alertVariants['info'];
$bg = $colors[$variantConfig['bg']] ?? '#faf8f5';
$borderColor = $colors[$variantConfig['border']] ?? '#be8c3c';
@endphp

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: {{ $spacing['5'] }} 0; border-collapse: collapse;">
    <tr>
        <td style="background-color: {{ $bg }}; border-left: {{ $borders['width-thick'] }} solid {{ $borderColor }}; padding: {{ $spacing['5'] }}; border-radius: {{ $borders['radius-md'] }};">
            @if(isset($title))
            <div style="margin-bottom: {{ $spacing['2'] }};">
                @component('emails.atoms.h3', ['colors' => $colors])
                    {{ $title }}
                @endcomponent
            </div>
            @endif
            @component('emails.atoms.text', ['colors' => $colors])
                {{ $slot }}
            @endcomponent
        </td>
    </tr>
</table>