Page 267 - MDP2022-3

}

});
return (
<>
{ShowPage && createQuestion[Page]}
{!ShowResult && <HomeButton onClick={()=>window.confirm("정말로 이동하시겠습니
까?\n진행내역이 저장되지 않습니다.")?window.location.replace('/'):console.log('')}><FontAwesomeIcon
icon={faHouseChimney} /></HomeButton>}
{ShowResult && <Result I={Countresult('I')} E={Countresult('E')} N={Countresult('N')}
S={Countresult('S')} F={Countresult('F')} T={Countresult('T')} P={Countresult('P')} J={Countresult('J')}/>}
</>

);
}

/* styled component */
const SurveyWrap = styled.div`
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: 15vh;
@media all and (min-width: 769px){

display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
height: 85%;
width: 38%;
h2{
display: block;
position: fixed;
}
img{
position: fixed;
top: 1%;
width: 85%;
}