TodoList.js

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 class="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;