Bothsrc/components/empty-state.tsx

Empty State

A centred placeholder for an empty list, card or page. `art` draws a scene of the thing the space holds, in neutral tones, and `mood` says what the state means: nothing yet, all clear, no match, not found, no access or an error. Every state in both products, before and after, is on the review page.

Nothing yet, with an action

No drives booked yet

Book the first drive to get behind the wheel with a certified instructor.

All clear

Nothing reported

No incidents reported for this car.

Search: no match

No students match “Marisol”

Try a different name or email.

Compact, inside a small card

No emergency contact

Who to call if something happens.

Icon only, without art

Nothing scheduled

Used on

Console: /console/console (every page)/console/admin/history /console/business-reporting /console/business-reporting/btw-hours /console/business-reporting/enrollment /console/business-reporting/fleet-size /console/business-reporting/payroll /console/catalog/console/catalog/contracts/[id]/console/certificates /console/curriculum /console/financials /console/financials/balances /console/financials/earned /console/financials/refunds /console/financials/sales /console/financials/transactions /console/financials/waived-fees /console/fleet/console/fleet/[id]/console/locations/console/locations/[id]/console/locations/franchises/[id]/console/notifications /console/people/console/people/[id]/console/reporting/certificate-upload /console/reporting/dps-report /console/reporting/student-records/console/reporting/student-records/[id]/console/scheduling /console/scheduling/queue
Portal: /(student) (every page)/checkout /dashboard /dashboard/documents /dashboard/lessons /dashboard/notifications /dashboard/refer