import { useState } from "preact/hooks";
import "./PageContent.css";
import logo from "~/assets/logo.svg";
import type { ComponentChildren } from "preact";

function PageContent(props: { children: ComponentChildren }) {
  const imageUrl = new URL(logo, import.meta.url).href;

  const [count, setCount] = useState(0);

  return (
    <div>
      <img src={imageUrl} height="45" alt="" />
      <h1>{props.children}</h1>
      <button type="button" onClick={() => setCount((count) => count + 1)}>
        Clicks: {count}
      </button>
    </div>
  );
}

export default PageContent;