import './accountPage.scss';
import User from "/svg/user.svg";
import Rating from '../../block/ratingBlock/Rating.jsx';

const Account = D.declare('view.page.Account', () => {
    return <div class="account-page">
        <h1 class="readers-only">Страница личного кабинета сотрудника</h1>
        <div class="account-page__wrapper">
            <div class="account-page__menu">
                <div class="account">
                    <h2 class="account__headline">Личный кабинет</h2>
                    <div class="account__info">
                        <h3 class="account__name">
                            <User width="32" height="32" />
                            <span>{'Ким Ир Сен Константин Му Константинович Константинопольский'.split(/\s/).map(word=><div cls="title-name-word">{word}</div>)}</span>
                        </h3>
                        <p>Химки-2</p>
                        <p>Кассир</p>
                    </div>
                    <div class="account__rating">
                        <Rating />
                    </div>
                </div>
            </div>
            <div class="account-page__content">

            </div>
        </div>
    </div>
});

export default Account;
export {Account};