"use client";

import { BookOpenIcon } from "lucide-react";
import { Button } from "@/components/ui/button";
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog";

interface WikiStandardsDialogProps {
  readonly open: boolean;
  readonly onOpenChange: (open: boolean) => void;
  readonly onAccept: () => void;
}

export function WikiStandardsDialog({ open, onOpenChange, onAccept }: WikiStandardsDialogProps) {
  return (
    <Dialog open={open} onOpenChange={onOpenChange}>
      <DialogContent className="sm:max-w-md">
        <DialogHeader>
          <div className="flex items-center gap-2">
            <BookOpenIcon className="size-5 text-muted-foreground" />
            <DialogTitle>Before you write</DialogTitle>
          </div>
          <DialogDescription className="flex flex-col gap-3 pt-2 text-left">
            <p>
              Every entry in the field guide is part of the task force&apos;s permanent record.
              Contribute content that is authentic, serious, and relevant to the subject at hand.
            </p>
            <p>
              This is a legitimate wiki - not a place for jokes, memes, or off-topic entries. Write
              as if the record will still be read long after today.
            </p>
            <p>
              Edits are tracked in the revision history, and moderators can revert or remove pages
              that don&apos;t meet these standards.
            </p>
          </DialogDescription>
        </DialogHeader>
        <DialogFooter>
          <Button type="button" onClick={onAccept}>
            I understand
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  );
}