{{-- Minimal test --}}
@php
$colors = [
    'neutral-900' => '#1a1f36',
    'neutral-700' => '#3c4257',
    'bg-body' => '#f6f8fa',
    'bg-card' => '#ffffff',
    'text-muted' => '#697386',
];
@endphp

@component('emails.layouts.base', [
    'title' => 'Component Test',
    'previewText' => 'Testing',
    'colors' => $colors
])

<h1 style="margin: 0 0 20px; color: {{ $colors['neutral-900'] }}; font-size: 28px; font-weight: 600; font-family: Inter, sans-serif;">
    Test Heading
</h1>

<p style="margin: 0 0 16px; color: {{ $colors['neutral-700'] }}; font-size: 14px; font-family: Inter, sans-serif;">
    This is a test paragraph.
</p>

@endcomponent