@props(['article', 'featured' => false])
<a href="{{ url('/article/'.$article['ref'].'-'.$article['slug']) }}" class="card card-hover fiche">
    <x-media :icon="$article['icon']" :seed="$article['seed']" :url="$article['cover']" :alt="$article['title']"
             :ratio="$featured ? 'wide' : null"
             :badges="[['label' => $article['univers'], 'class' => 'badge-orange']]"/>
    <div class="fiche-body">
        <span class="fiche-cat">{{ $article['category']['name'] }}</span>
        <span class="fiche-title clamp-2" @if($featured) style="font-size:1.2rem" @endif>{{ $article['title'] }}</span>
        <span class="small muted clamp-2">{{ $article['chapeau'] }}</span>
        <span class="fiche-foot">
            <span>Par {{ $article['auteur'] }} · {{ $article['published'] }}</span>
            <span class="row-center"><x-icon name="clock" style="width:13px;height:13px"/> {{ $article['lecture'] }} min</span>
        </span>
    </div>
</a>