import React from 'react'
import Button from './Button';
const ResultForLn = (props) => {
    const conclusion = `어깨와 머리가 ${props.direction}으로 기울어져 있습니다.`;
    return (
        <div>
            <img src="https://ibb.co/Xkm3JPK"
                width='auto'
                height='500px'
                alt='resultImg'
            />
            <img src="https://ibb.co/Xkm3JPK" alt="test" />
            <h1>분석 결과 : 정상</h1>
            <p>{conclusion}!</p>
            <p>턱을 괴거나 삐딱하게 화면을 주시하는 경우가 많다면 어깨 비대칭을 의심해볼 수 있습니다.</p>
            <p>주기적으로 어깨와 목 스트레칭을 해주시면 도움이 됩니다.</p>
            <a href="https://terms.naver.com/entry.nhn?docId=3567879&cid=58904&categoryId=589109" target="blank">https://terms.naver.com/entry.nhn?docId=3567879&cid=58904&categoryId=58910</a>
            <a href="https://youtu.be/n4T4bRINdp" target="blank">https://youtu.be/n4T4bRINdp</a>
            <Button btnText="Try Again" />
        </div>
    )
}

export default ResultForLn;