import './Main.sass'
import { Logo, Link, Page, Row, Padding, Table } from '../../components/'
import { FiLogOut } from 'solid-icons/fi'
// import { ofetch } from 'ofetch'

export default () => {
  return (
    <>
      <Page alignment="column">
        <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>

            <Row content="left" gap={1}>
              <span class="name">Login Name</span>
              <Link to="/">
                <FiLogOut size={25} />
              </Link>
            </Row>
          </Row>
          <Row content="center">
            <h2>List of Ready to Approve and Sign OP (Order of Payments)</h2>
          </Row>

          <Table />
        </Padding>
      </Page>
    </>
  )
}