EmptyState

import { Button } from "swash/Button";
import {
  EmptyState,
  EmptyStateAction,
  EmptyStatePicture,
  EmptyStateText,
  EmptyStateTitle,
} from "swash/EmptyState";
import { IoRefresh } from "swash/Icon";

import faceWithHeadBandage from "./emojis/face-with-head-bandage.png";

() => (
  <EmptyState>
    <EmptyStatePicture src={faceWithHeadBandage.src} />
    <EmptyStateTitle>
      Une erreur est survenue lors de votre recherche
    </EmptyStateTitle>
    <EmptyStateText>
      Vous pouvez tenter de réinitialiser vos filtres pour corriger le
      problème. S’il persiste, contactez le support.
    </EmptyStateText>
    <EmptyStateAction>
      <Button>
        <IoRefresh />
        Réinitialiser la recherche
      </Button>
    </EmptyStateAction>
  </EmptyState>
);