import { h } from '@stencil/core';
import { sample } from '../../../../util';
export default (response) => (h("main", { class: "Error full-screen" },
  h("div", null, sample(appropriateEmoji)),
  h("h1", null, getHelpfulTitle(response)),
  h("p", null, getHelpfulMessage(response))));
const getHelpfulTitle = (response) => {
  switch (response.status) {
    case 404:
      return 'Not Found';
    default:
      return 'Uh Oh';
  }
};
const getHelpfulMessage = (response) => {
  switch (response.status) {
    case 404:
      return 'Sorry, we couldn\'t find that page.';
    default:
      return 'Sorry, something went wrong.';
  }
};
const appropriateEmoji = [
  '😕',
  '😟',
  '😑',
  '😧',
  '😯',
  '😮',
  '🙃',
  '🤕',
  '😫'
];
