"use client";

import { useState } from "react";

export default function PollCreation({ pollManager }: any) {
  const [question, setQuestion] = useState("");
  const [options, setOptions] = useState<string[]>(["", ""]);

  return (
    <div>
      <input
        className="border p-2 w-full"
        placeholder="Question"
        value={question}
        onChange={(e) => setQuestion(e.target.value)}
      />

      {options.map((opt, i) => (
        <input
          key={i}
          className="border p-2 w-full mt-2"
          placeholder={`Option ${i + 1}`}
          value={opt}
          onChange={(e) => {
            const newOpts = [...options];
            newOpts[i] = e.target.value;
            setOptions(newOpts);
          }}
        />
      ))}

      <button
        className="bg-green-500 text-white px-4 mt-2"
        onClick={() => pollManager.createPoll(question, options)}
      >
        Create Poll
      </button>
    </div>
  );
}