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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
| import {
| useWorkflowMode,
| } from '../hooks'
| import type { HeaderInNormalProps } from './header-in-normal'
| import HeaderInNormal from './header-in-normal'
| import HeaderInHistory from './header-in-view-history'
| import type { HeaderInRestoringProps } from './header-in-restoring'
| import HeaderInRestoring from './header-in-restoring'
|
| export type HeaderProps = {
| normal?: HeaderInNormalProps
| restoring?: HeaderInRestoringProps
| }
| const Header = ({
| normal: normalProps,
| restoring: restoringProps,
| }: HeaderProps) => {
| const {
| normal,
| restoring,
| viewHistory,
| } = useWorkflowMode()
|
| return (
| <div
| className='absolute left-0 top-0 z-10 flex h-14 w-full items-center justify-between bg-mask-top2bottom-gray-50-to-transparent px-3'
| >
| {
| normal && (
| <HeaderInNormal
| {...normalProps}
| />
| )
| }
| {
| viewHistory && (
| <HeaderInHistory />
| )
| }
| {
| restoring && (
| <HeaderInRestoring
| {...restoringProps}
| />
| )
| }
| </div>
| )
| }
|
| export default Header
|
|
