@props(['recommendations'])

@if(isset($recommendations) && !empty($recommendations))
<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-3">
    <h2 class="text-sm font-semibold text-gray-900 mb-2">💡 学习建议</h2>
    <ul class="space-y-1">
        @foreach($recommendations as $recommendation)
        <li class="text-xs text-gray-700 flex items-start">
            <span class="mr-1">•</span>
            <span>{{ $recommendation }}</span>
        </li>
        @endforeach
    </ul>
</div>
@endif