subman-nextjs/src/app/ui/forms/story.tsx

import { Input } from "@/components/ui/input"
import GenreCheckboxes from "./genreCheckboxes"
export default async function StoryForm() {
	return <form>
		<label htmlFor="title">Title:</label>
		<Input type="text" id="title" />
		<label htmlFor="word-count">Word Count:</label>
		<Input type="number" id="word-count" step="500" />
		<GenreCheckboxes />
		<Input type="submit" value="Submit" />
	</form>
}