import { Dialog, DialogContent } from "@/interface/components/ui/dialog";
import { state } from "@/utils";

export function AboutDialog() {
  const { aboutDialog } = state();
  return (
    <Dialog
      open={aboutDialog}
      onOpenChange={(change: any) => {
        state.setState({ aboutDialog: change });
      }}
    >
      <DialogContent className="sm:max-w-[425px]">
        <div className="bottom-0 left-0 ">
          <h3 className="scroll-m-20 text-2xl font-semibold tracking-tight flex items-center gap-3">
            Replay Viewer
          </h3>
          <div className="opacity-75">
            <h3 className="text-sm">Originally developed by Assist Games</h3>
            <h3 className="text-sm">With modifications to be integrated with <strong>nise.moe</strong></h3>
          </div>
        </div>
      </DialogContent>
    </Dialog>
  );
}
