✨ feat: 셀렉트 턴 모달

src/components/ui/modal/Modal.tsx

@@ -9,6 +9,7 @@ import { useEffect } from "react";
 import { useModal } from "@hooks/useModal";
 import TurnWaiting from "../modalContents/TurnWaiting";
 import GameWaiting from "../modalContents/GameWaiting";
+import SelectTurn from "../modalContents/SelectTurn";
 
 const modalComponents: Record<string, React.ReactNode> = {
   firstSelect: <FirstSelect />,
@@ -18,6 +19,7 @@ const modalComponents: Record<string, React.ReactNode> = {
   selectWhiteBlack: <BigDeck />,
   turnWaiting: <TurnWaiting />,
   gameWaiting: <GameWaiting />,
+  selectTurn: <SelectTurn />,
 };
 
 export default function Modal() {

src/components/ui/modalContents/SelectTurn.tsx

@@ -0,0 +1,19 @@
+import Button from "../button/Button";
+import * as S from "./selectTurnStyle";
+
+export default function SelectTurn() {
+  //버튼에 onClick이벤트 만들면 됩니다.
+  return (
+    <S.container>
+      <S.title>턴 종료 No, 계속 맞출거면 Yes</S.title>
+      <S.buttonContainer>
+        <Button type="button" size="l" bgcolor="black" textcolor="white">
+          No
+        </Button>
+        <Button type="button" size="l" bgcolor="green" textcolor="black">
+          Yes
+        </Button>
+      </S.buttonContainer>
+    </S.container>
+  );
+}

src/components/ui/modalContents/selectTurnStyle.ts

@@ -0,0 +1,22 @@
+import styled from "styled-components";
+
+export const container = styled.div`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+`;
+
+export const title = styled.div`
+  font-weight: 500;
+  font-size: 24px;
+  color: var(--color-gray-999);
+  text-align: center;
+`;
+
+export const buttonContainer = styled.div`
+  display: flex;
+  width: 100%;
+  gap: 40px;
+`;

src/pages/testpage/Testpage.tsx

@@ -3,7 +3,7 @@ import { useModal } from "../../hooks/useModal";
 export default function TestPage() {
   const { openModal } = useModal();
   const onClickModal = () => {
-    openModal("guessNumber", "blue");
+    openModal("selectTurn", "blue");
   };
   return (
     <div onClick={onClickModal}>ㅁㄴㅇㄹㅁㄴㅇㄹㅁㄴㅇㄹㅁㄴㅇㄹㅁㄴㅇㄹ</div>