import React, { useRef, Component } from 'react';
import { Row, Col, Button, Popover, PopoverHeader, PopoverBody, Card, CardBody, Modal, ModalBody, ModalFooter } from "reactstrap";
import ComponentToPrint from "./SuratBA_A";
import ReactToPrint, { PrintContextConsumer } from 'react-to-print';
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
import id from 'date-fns/locale/id';
import CopyToClipboard from "react-copy-to-clipboard";
import { getAutoSave } from "@/actions/autosave";
import ContentEditable from 'react-contenteditable'
import { removePesertaPleno } from '../../actions/sanksi';
import { ToastContainer, toast } from "react-toastify";
import Router from "next/router";
import { getCsrf } from '../../actions/security';
import { ENV } from '../../env';



class BeritaAcara_Bypass extends Component {
    constructor(props) {
        super(props);
        this.state = {
            isEditTempat: false,
            tempat: "",
            isEditTanggal: false,
            isEditTanggal_2: false,
            tanggal: "",
            tanggal_2: "",
            setTanggal: false,
            setTanggal_2: false,
            isEditNamaPeserta: false,
            isEditTemuanLain: false,
            temuanLain: [],
            memberatkan: [],
            isEditKeberatan: false,
            isEditMeringankan: false,
            meringankan: [],
            sanksi: "",
            isEditSanksi: false,
            copied: false,
            setmeState: true,
            descPelanggaran: [],
            modalRemovePeserta: false,
            selectedPeserta: ""
        };
    }


    render() {
        const { pt } = this.props
        return (
            <div>
                <h4>{pt.data?.nama}</h4>
            </div >
        );
    }
}

// const mapStateToProps = (state) => ({ user: state.user, token: state.token });
// export default connect(mapStateToProps)(BeritaAcara)
export default BeritaAcara_Bypass