Empty

import {
  BuiEmpty, BuiEmptyHeader, BuiEmptyMedia, BuiEmptyTitle, BuiEmptyDescription,
} from 'ng-blatui';

<div buiEmpty>
  <div buiEmptyHeader>
    <div buiEmptyMedia variant="icon"><svg><!-- icon --></svg></div>
    <div buiEmptyTitle>No projects yet</div>
    <div buiEmptyDescription>Get started by creating your first project.</div>
  </div>
  <div buiEmptyContent><button buiButton>Create project</button></div>
</div>

<div buiEmptyContent>
  <div class="flex items-center gap-2">
    <input buiInput placeholder="Search again…" />
    <button buiButton variant="outline">Search</button>
  </div>
</div>

<div buiEmptyContent>
  <button buiButton>Connect storage</button>
  <a href="#" class="text-sm hover:underline">Learn more</a>
</div>