@props([
    'title' => '',
    'moreUrl' => null,
    'moreText' => '查看全部',
    'items' => [],
    'itemUrl' => '#',
    'itemTitle' => null,
    'itemMeta' => null,
    'emptyText' => '暂无数据',
])

<section class="channel-panel">
    <header class="channel-panel-head">
        <h3 class="channel-panel-title">{{ $title }}</h3>
        @if($moreUrl)
            <a class="tiny-link" href="{{ $moreUrl }}">{{ $moreText }}</a>
        @endif
    </header>

    @forelse($items as $item)
        <article class="side-list-item">
            <a href="{{ value($itemUrl, $item) }}">{{ value($itemTitle, $item) }}</a>
            <small>{{ value($itemMeta, $item) }}</small>
        </article>
    @empty
        <p class="text-muted-soft small mb-0">{{ $emptyText }}</p>
    @endforelse
</section>