EmptyState

<div class="empty-state">
  <p>No applications yet.</p>
  <p class="empty-detail">Add a job listing to get started.</p>
  <div class="empty-state__action">
    <button type="button" class="btn btn-primary btn-compact">Add job</button>
  </div>
</div>

import { EmptyState, Button } from 'caustica-design/core'
import 'caustica-design/css'

<EmptyState
  detail="Add a job listing to get started."
  action={<Button variant="primary" compact icon="plus">Add job</Button>}
>
  No applications yet.
</EmptyState>