(cache)data/src/components/Base.tsx at main · wikinder/data · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/**
 * Base JSX component for all pages
 */

import { css, Style } from 'hono/css';

export const Base = ({
  title,
  canonicalUrl,
  style,
  heading = title,
  children,
}) => (
  <html lang="en-US">
    <head>
      <meta charset="utf-8" />
      <meta name="color-scheme" content="light dark" />
      <meta name="format-detection" content="telephone=no" />
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <title>{title}</title>
      <link rel="canonical" href={canonicalUrl} />
      <link rel="license" href="https://creativecommons.org/publicdomain/zero/1.0/" />
      {style && <Style>{css`${style}`}</Style>}
    </head>
    <body>
      <h1>{heading}</h1>

      {children}
    </body>
  </html>
);