import './Profile.sass'
import { Logo, Link, Page, Row, Padding, Column, Box } from '../../components'
import { IoChevronBack } from 'solid-icons/io'
import { _employeeName, _employeeId } from '../../stores/employee'

export default () => (
  <>
    <Page>
      <Padding left={4.75} right={4.75} top={0} bottom={0}>
        <Row content="split">
          <Link to="/">
            <Row content="left" gap={2}>
              <Logo size={200} />
              <h1>OCBO e-Sign</h1>
            </Row>
          </Link>

          <Link to="/">
            <Row content="right">
              <IoChevronBack size={45} />
              <span class="back-button-text">Back</span>
            </Row>
          </Link>
        </Row>
        <Column>
          <h1 class="profile-name">{sessionStorage.getItem('name')}</h1>

          <Padding top={2} left={0} right={0} bottom={0}>
            <Row content='left'>
              <Box curved thickness={2} padding="2.25rem" color="#253849be" background="#04040660" width='500px'>
                <Column> Username:
               <span>Username:</span>
               </Column>
              

              </Box>
            </Row>
          </Padding>
        </Column>
      </Padding>
    </Page>
  </>
)
