import { r as registerInstance, h } from './index-c04b9ed5.js';

const notfoundPageCss = "notfound-page{text-align:center}";

const SparkleNotFoundPage = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.fileNotFound = () => {
      const metaTag = document.createElement('meta');
      metaTag.setAttribute('http-equiv', 'status');
      metaTag.setAttribute('content', '404');
      document.head.appendChild(metaTag);
    };
  }
  render() {
    return (h("div", null, h("h1", null, "Uh oh! We can't find the page you're looking for."), h("p", null, h("stencil-route-link", { url: '/', class: 'block' }, "Back to the home page"))));
  }
};
SparkleNotFoundPage.style = notfoundPageCss;

export { SparkleNotFoundPage as sparkle_notfound_page };
