{{--
    Section Organism - Luxury Edition (Atomic Composable v2.0)
    Content grouping with warm backgrounds and generous padding

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

    Usage:
    @component('emails.organisms.section', [
        'background' => 'neutral'  // neutral|ash|white|transparent|primary|custom hex
    ])
        <h2>Section Content</h2>
        <p>Your content here...</p>
    @endcomponent
--}}
@php
$background = $background ?? 'transparent';

// Get background from centralized config or use custom value
if (isset($sectionBackgrounds[$background])) {
    $bg = $colors[$sectionBackgrounds[$background]] ?? '#faf8f5';
} else {
    // Allow custom hex values as fallback
    $bg = $background;
}
@endphp

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: {{ $spacing['6'] }} 0; border-collapse: collapse;">
    <tr>
        <td style="background-color: {{ $bg }}; padding: {{ $spacing['7'] }} {{ $spacing['6'] }}; border-radius: {{ $borders['radius-md'] }};">
            {{ $slot }}
        </td>
    </tr>
</table>