{{--
    Info Row Molecule - Atomic Composable v2.0
    Label-value pair in table format for email compatibility

    Note: All design tokens auto-injected via View Composer

    Usage:
    @component('emails.molecules.info-row', [
        'label' => 'Order Number',
        'value' => '#12345',
        'isLast' => false  // Set to true to remove bottom border
    ])
    @endcomponent
--}}
@php
$isLast = $isLast ?? false;
$borderStyle = $isLast ? 'none' : $borders['width-thin'] . ' solid ' . ($colors['neutral-200'] ?? '#e3e8ee');
@endphp

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0; border-collapse: collapse;">
    <tr>
        <td style="font-family: {{ $typography['font-family'] }}; font-size: {{ $typography['sizes']['sm'] }}; font-weight: {{ $typography['weights']['medium'] }}; color: {{ $colors['neutral-600'] ?? '#525f7f' }}; padding: {{ $spacing['2'] }} {{ $spacing['3'] }} {{ $spacing['2'] }} 0; vertical-align: top; width: 40%; border-bottom: {{ $borderStyle }};">
            {{ $label }}
        </td>
        <td style="font-family: {{ $typography['font-family'] }}; font-size: {{ $typography['sizes']['sm'] }}; font-weight: {{ $typography['weights']['semibold'] }}; color: {{ $colors['neutral-900'] ?? '#1a1f36' }}; padding: {{ $spacing['2'] }} 0; vertical-align: top; text-align: right; border-bottom: {{ $borderStyle }};">
            {{ $value ?? $slot }}
        </td>
    </tr>
</table>