Keadaan kosong

Halaman yang belum berisi data tetap harus menjelaskan dan menawarkan langkah berikutnya — bukan layar kosong.

Belum ada data

Judul, alasan, dan satu aksi utama.

Bank soal masih kosong

Tambahkan soal pertama, atau biarkan AI menyusun draf dari materi yang kamu unggah.

Lihat kode

<div class="ck-card"><div class="ck-empty">
  <span class="ck-empty__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5v14a9 3 0 0 0 18 0V5M3 12a9 3 0 0 0 18 0"/></svg></span>
  <div class="ck-empty__title">Bank soal masih kosong</div>
  <p class="ck-empty__desc">Tambahkan soal pertama, atau biarkan AI menyusun draf dari materi yang kamu unggah.</p>
  <div class="ck-row ck-row-2">
    <button class="ck-btn ck-btn--default"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M5 12h14M12 5v14"/></svg> Tambah soal</button>
    <button class="ck-btn ck-btn--outline"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/></svg> Susun dengan AI</button>
  </div>
</div></div>