import React from 'react'
import RetryBtn from './RetryBtn';
import '../style/ResultContent.css';

const ResultForLn = (props) => {
    const direction = props.direction === 'left' ? '왼쪽' : '오른쪽';
    const conclusion = `어깨와 머리가 ${direction}으로 기울어져 있습니다.`;
    return (
        <div className="resultContainer">
            <div className="resultPhoto Ln">
            </div>
            <div className="resultTextContainer">
                <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><br />
                <a href="https://youtu.be/n4T4bRINdp" target="blank">https://youtu.be/n4T4bRINdp</a>
                <RetryBtn btnText="Try Again" />
            </div>
        </div>
    )
}

export default ResultForLn;