export default function Error(props: { message?: any, reset?: () => void }) {
  return (
    <section class="section">
      <div class="container">
        <h1 class="title">Uh Oh!</h1>
        <h2 class="subtitle">Something has gone wrong.</h2>
        {props.message && <>
          <p class="mb-4">Error: <code>{props.message.toString()}</code></p>
        </>}
        {props.reset && <button class="button" onClick={props.reset}>Retry</button>}
      </div>
    </section>
  );
}