import React, { useEffect } from "react";

 import "./MainParent.css";

 import { useNavigate } from "react-router-dom";

 import axios from "axios";

 const MainSelect = () => {

   const navigate = useNavigate();

   const fetchData = async () => {

     try {

     }

   };

   useEffect(() => {

   return <div>loading...</div>;

 };

   const [cookies, setCookie, removeCookie] = useCookies(["loggedIn"]);

   const navigate = useNavigate();

   const [currentStep, setCurrentStep] = useState(1);

   const [abilities, setAbilities] = useState([

     { name: "어휘", level: 50 },

     { name: "문장", level: 50 },

   };

   const fetchData = async () => {

     try {

       const response = await axios.get(`http://165.229.169.127:8080/rating`, {

         withCredentials: true,

       });

       const responseData = response.data.data; // response.data는 이미 JavaScript 객체로 사용 가능합니다.

       const role = responseData.role;

       if (role == "parent") {

         navigate("/mainParent");

       } else {

   useEffect(() => {

     fetchData();

   }, []);

   // 사용자 입력을 저장할 state 초기화

   const [comment, setComment] = useState(

     "어서와~ 꿈 속 우주공간은 처음이지? 여행하고 싶은 행성을 골라봐~"