// pages/rh/lancamento_folha.tsx
import { useState } from "react";
import { Input } from "@/components/ui/input";
import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";
import { Textarea } from "@/components/ui/textarea";

export default function LancamentoFolha() {
  const [competencia, setCompetencia] = useState("");
  const [observacao, setObservacao] = useState("");

  const handleGerar = () => {
    alert("Folha lançada com sucesso para competência " + competencia);
  };

  return (
    <div className="p-6 max-w-xl mx-auto">
      <h1 className="text-xl font-bold mb-4">Lançamento de Folha</h1>
      <Card>
        <CardContent className="flex flex-col gap-4 pt-4">
          <Input
            type="month"
            value={competencia}
            onChange={(e) => setCompetencia(e.target.value)}
            placeholder="Competência"
          />
          <Textarea
            placeholder="Observações gerais"
            value={observacao}
            onChange={(e) => setObservacao(e.target.value)}
          />
          <Button onClick={handleGerar}>Lançar Folha</Button>
        </CardContent>
      </Card>
    </div>
  );
}
