import React from 'react'
import styles from './index.module.scss'
function A24drawerList() {
  return (
    <>
      <div id='drawer-container' className={styles.A24drawerList}>
        <div id='drawer' className='fullWidth'>
          <div className='frame-container darkGlass'>
            <div id='scrollFrame' className='frame'>
              <ul id='thumb-container' className='slidee'></ul>
            </div>
            <div className='scrollbar' id='scroller'>
              <div className='handle'></div>
            </div>
          </div>
        </div>
        <div id='playHead'>
          <div id='status'>
            <span className='curIdx'>1</span>
            of <span className='totalSteps'></span>
          </div>
          <div id='progressBar'></div>
        </div>
      </div>

      <div id='myCompany' className={styles.A24logo} hidden>
        <img src='./images/btm_logo.png' alt='' />
        <span>提供技术支持</span>
      </div>
    </>
  )
}

const MemoA24drawerList = React.memo(A24drawerList)

export default MemoA24drawerList
