@props([
    'fileName' => 'penduduk.xlsx',
    'fileSize' => '245 KB',
    'sheetCount' => 1,
    'modDate' => 'Terbaru',
    'format' => 'Excel Workbook (.xlsx)'
])

<div class="file-metadata-card shadow-sm">
    <div class="d-flex align-items-center">
        <div class="file-meta-icon">
            <i class="fas fa-file-excel"></i>
        </div>
        <div class="file-meta-details">
            <div class="file-name text-dark font-weight-bold">{{ $fileName }}</div>
            <div class="file-info-tags">
                <span class="file-info-tag"><i class="fas fa-weight-hanging mr-1"></i>{{ $fileSize }}</span>
                <span class="file-info-tag"><i class="fas fa-layer-group mr-1"></i>{{ $sheetCount }} Sheet</span>
                <span class="file-info-tag"><i class="fas fa-file-code mr-1"></i>{{ $format }}</span>
                <span class="file-info-tag"><i class="far fa-clock mr-1"></i>{{ $modDate }}</span>
            </div>
        </div>
    </div>
</div>