export * as layout from "../layout.tsx";

export interface Input {
  admin?: boolean;
}
export const meta: Metadata = {
  title: "paper clover q+a",
  description: "ask clover a question",
};

<const/{ admin = false } = input />
<const/questions = [...Question.getAll()] />

<if=!admin>
  <QuestionForm />
</>
<for|q| of=questions>
  <QuestionRender question=q admin=admin />
</>
<footer>
  fun fact: clover has answered ${questions.length} questions
</footer>

import { Question } from "@/q+a/models/Question.ts";
import { QuestionForm } from "@/q+a/components/QuestionForm.marko";
import QuestionRender from '@/q+a/components/Question.marko';