import React, { Component } from "react";

class CalendarCellModal extends Component {
  constructor(props) {
    super(props);
    this.state = {
      menuOpened: false,
      activeLink: ""
    };
  }

  toggleMenu = () => {
    this.setState({
      menuOpened: !this.state.menuOpened
    });
  };

  selected = (text) => {
    this.toggleMenu();
    this.setState({
      activeLink: text
    })
  }
  render() {
    const {menuOpened, activeLink} = this.state;
    return (
      <div className={this.props.open ? "fade opened" : "fade"}>
      <div className="modal">
        <div className="calendar_payment">
          <div className="day">
            <span>16</span>
            июня
          </div>
          <div className="payment_table">
            <div className="table_row table_header">
              <div className="table_cell">Договор</div>
              <div className="table_cell">Платеж</div>
            </div>
            <div className="table_row">
              <div className="table_cell">
                <a href="#">№1234/2021 от 10.01.2021</a>
              </div>
              <div className="table_cell">
                <b>139 400,00 р.</b>
              </div>
            </div>
            <div className="table_row">
              <div className="table_cell">
                <a href="#">№1234/2021 от 10.01.2021</a>
              </div>
              <div className="table_cell">
                <b>139 400,00 р.</b>
              </div>
            </div>
          </div>
         
        </div>

        <div className="modal_footer">
          <button className="button button-blue" onClick={() => this.props.close()}>Закрыть</button>
        </div>
      </div>
    </div>
    );
  }
}

export default CalendarCellModal;