@props([
    'tools' => [],
    'cardClass' => 'tool-card',
    'nameClass' => 'tool-card-name',
    'metaClass' => 'tool-card-meta',
    'tagClass' => 'tool-card-tag',
])

<div class="tool-grid">
    @foreach($tools as $tool)
        <a class="{{ $cardClass }}" href="{{ route('tools.show', $tool->slug) }}">
            <div class="{{ $nameClass }}">{{ $tool->name }}</div>
            <div class="{{ $metaClass }}">{{ $tool->category?->name ?? '未分类' }} · {{ $tool->pricing_type }}</div>
            <span class="{{ $tagClass }}">{{ $tool->has_api ? '支持 API' : '无 API' }}</span>
        </a>
    @endforeach
</div>