EmptyState

import { EmptyState } from '@mihcm/ui/EmptyState';
 
<EmptyState title="Nothing here" />

import { EmptyState } from '@mihcm/ui/EmptyState';
 
<EmptyState
  title="No results found"
  description="Try adjusting your search or filters to find what you are looking for."
/>

import { EmptyState } from '@mihcm/ui/EmptyState';
import { Button } from '@mihcm/ui/Button';
import { Plus } from '@mihcm/icons';
 
<EmptyState
  icon={<Plus />}
  title="No projects yet"
  description="Create your first project to get started."
  action={<Button>Create project</Button>}
/>

import { Card, CardContent } from '@mihcm/ui/Card';
import { EmptyState } from '@mihcm/ui/EmptyState';
 
<Card>
  <CardContent>
    <EmptyState
      title="No team members"
      description="Invite people to join your team."
    />
  </CardContent>
</Card>