Files
NotionNext/themes/Medium/components/BottomMenuBar.js
2022-02-15 11:31:14 +08:00

28 lines
1021 B
JavaScript

import { faHome, faSearch } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import Link from 'next/link'
import React from 'react'
import JumpToTopButton from '@/themes/Medium/components/JumpToTopButton'
export default function BottomMenuBar ({ className }) {
return (
<div className={'sticky bottom-0 w-full h-12 bg-white ' + className}>
<div className='flex justify-between h-full shadow-card'>
<Link href='/' passHref>
<div className='flex w-full items-center justify-center cursor-pointer'>
<FontAwesomeIcon icon={faHome} />
</div>
</Link>
<Link href='/search' passHref>
<div className='flex w-full items-center justify-center cursor-pointer'>
<FontAwesomeIcon icon={faSearch} />
</div>
</Link>
<div className='flex w-full items-center justify-center cursor-pointer'>
<JumpToTopButton/>
</div>
</div>
</div>
)
}