import TodoModal from "../components/Modal/TodoModal.js";
import TodoPostModal from "../components/Modal/TodoPostModal.js";
import styles from "../components/Form/form.module.scss";

const TodoList = () => {

  return (
    <div className="d-flex mt-3">
      <div className="d-flex align-items-center" style={{ width: "75%" }}>
        <input className={`form-check-input rounded-0 shadow-none mt-0 ${styles.checkBox}`} type="checkbox" />
        <label className="form-check-label fs-5 ms-3 pe-2 text-nowrap" style={{ overflow: "hidden", textOverflow: "ellipsis" }}>과제03 제출하기sadsa</label>
      </div>
      <div className="d-flex justify-content-between" style={{ cursor: "pointer", width: "25%" }}>
        <i className="bi bi-arrow-right  fs-5" data-bs-toggle="modal" data-bs-target="#postmodal"><TodoPostModal /></i>
        <i className="bi bi-pencil-square  fs-5" data-bs-toggle="modal" data-bs-target="#todomodal"></i>
        <TodoModal />
        <i className="bi bi-trash fs-5"></i>
      </div>
    </div>
  )
}

export default TodoList;