1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| import type { FC } from 'react'
| import { memo } from 'react'
|
| type HeaderProps = {
| title: string
| isMobile: boolean
| }
| const Header: FC<HeaderProps> = ({
| title,
| isMobile,
| }) => {
| return (
| <div
| className={`
| sticky top-0 flex items-center px-8 h-16 bg-white/80 text-base font-medium
| text-gray-900 border-b-[0.5px] border-b-gray-100 backdrop-blur-md z-10
| ${isMobile && '!h-12'}
| `}
| >
| {title}
| </div>
| )
| }
|
| export default memo(Header)
|
|
