حالت خالی

<EmptyState
icon={<FolderIcon />}
title="هنوز پروژه‌ای ندارید"
description="اولین پروژه را بسازید یا از یکی از قالب‌های آماده شروع کنید."
actions={<>
  <Button variant="secondary">مشاهدهٔ قالب‌ها</Button>
  <Button variant="primary">پروژهٔ جدید</Button>
</>}
/>

<div class="k-empty"><span class="k-empty__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false" data-kashi-icon="folder"><path d="M2.75 6.4c0-2 1.3-3.25 3.3-3.25h1.6c.75 0 1.45.35 1.9.95l.75 1c.45.6 1.15.95 1.9.95h1.75c2.25 0 3.3 1.15 3.3 3.45v3.95c0 2.3-1.3 3.45-3.45 3.45H6.2c-2.15 0-3.45-1.15-3.45-3.45ZM6.6 12.4h6.8"/></svg></span>
  <p class="k-empty__title">هنوز پروژه‌ای ندارید</p>
  <p class="k-empty__description">اولین پروژه را بسازید یا از یکی از قالب‌های آماده شروع کنید.</p>
  <div class="k-empty__actions">
    <button type="button" data-variant="secondary" data-size="md" class="k-btn k-btn--secondary">مشاهدهٔ قالب‌ها</button>
    <button type="button" data-variant="primary" data-size="md" class="k-btn k-btn--primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false" data-kashi-icon="plus"><path d="M10 5v10M5 10h10"/></svg>پروژهٔ جدید</button>
  </div>
</div>