import React from 'react';

class Side extends React.Component {
    render() {
        return (
            <div className="l-side">
                <div className="l-side-logo">
                    <a href=""><img src="../assets/img/common/logo.svg" alt="ロゴ" /></a>
                </div>
                <nav className="mypage-nav">
                <ul className="mypage-nav-list -meeting">
                    <li className="mypage-nav-list__item nav-active">
                        <a href="" className="mypage-nav-list__link">
                            <i className="icon meeting"></i><span>ミーティング</span>
                        </a>
                    </li>
                    <li className="mypage-nav-list__item -favorite">
                        <a href="" className="mypage-nav-list__link">
                            <i className="icon star"></i>
                        </a>
                    </li>
                    <li className="mypage-nav-list__item -search">
                        <a href="" className="mypage-nav-list__link">
                            <i className="icon search"></i><span>検索</span>
                        </a>
                    </li>
                    <li className="mypage-nav-list__item -childinfo">
                        <a href="" className="mypage-nav-list__link">
                            <i className="icon parents"></i><span>子情報</span>
                        </a>
                    </li>
                    <li className="mypage-nav-list__item -profile">
                    <a href="" className="user-icon mypage-nav-list__link">
                        <figure>
                            <div className="prof-wrap">
                                <img src="../assets/img/avatar/avatar-sample01@2x.png" alt="" />
                            </div>
                        </figure>
                        <span>プロフィール</span>
                    </a>
                    </li>
                    <li className="mypage-nav-list__item -logout">
                        <a href="" className="mypage-nav-list__link">
                            <i className="icon log-out"></i><span>ログアウト</span>
                        </a>
                    </li>
                </ul>
                </nav>
          </div>
        );
    }
}

export default Side;