import { h } from 'preact'
import PageHeader from './page_header.tsx'
import Row from './row.tsx'
import GitLog from './git_log.tsx'
import Process from './process.tsx'
import Section from './section.tsx'

/** @type {import('preact').FunctionComponent} StartPage */
const StartPage = () => (
  <section>
    <PageHeader>Start Page</PageHeader>

    <Section>
      <Section.Body>
        <p>Welcome. You are in good company.</p>
      </Section.Body>
    </Section>

    <Section>
      <Section.Heading>Latest Commits</Section.Heading>
      <Section.Body>
        <GitLog />
      </Section.Body>
    </Section>

    <Row>
      <Section>
        <Section.Heading>Process</Section.Heading>
        <Section.Body>
          <Process />
        </Section.Body>
      </Section>

      <Section>
        <Section.Heading>Os</Section.Heading>
        <Section.Body>
          <Process os />
        </Section.Body>
      </Section>
    </Row>
  </section>
)

export default StartPage
