{"size": 877, "ext": "js", "max_stars_repo_path": "themes/medium/components/BottomMenuBar.js", "max_stars_repo_name": "Enoch2090/NotionNext", "max_stars_repo_stars_event_min_datetime": "2021-10-06T14:07:56.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-30T09:37:13.000Z", "max_issues_repo_path": "themes/medium/components/BottomMenuBar.js", "max_issues_repo_name": "Enoch2090/NotionNext", "max_issues_repo_issues_event_min_datetime": "2021-12-20T14:01:37.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-31T09:05:47.000Z", "max_forks_repo_path": "themes/medium/components/BottomMenuBar.js", "max_forks_repo_name": "Enoch2090/NotionNext", "max_forks_repo_forks_event_min_datetime": "2021-10-07T05:03:29.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-31T17:19:56.000Z"}
{"max_stars_count": 98, "max_issues_count": 119, "max_forks_count": 113, "avg_line_length": 33.7307692308, "max_line_length": 97, "alphanum_fraction": 0.6088939567}
import Link from 'next/link'
import React from 'react'
import JumpToTopButton from './JumpToTopButton'

export default function BottomMenuBar ({ className }) {
  return (
    <div className={'sticky bottom-0 w-full h-12 bg-white dark:bg-hexo-black-gray ' + className}>
      <div className='flex justify-between h-full shadow-card'>
        <Link href='/' passHref>
          <div className='flex w-full items-center justify-center cursor-pointer'>
            <i className='fas fa-home' />
          </div>
        </Link>
        <Link href='/search' passHref>
          <div className='flex w-full items-center justify-center cursor-pointer'>
            <i className='fas fa-search'/>
          </div>
        </Link>
        <div className='flex w-full items-center justify-center cursor-pointer'>
          <JumpToTopButton/>
        </div>
      </div>
    </div>
  )
}
