You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
871 B
34 lines
871 B
// components |
|
import Wrapper from 'components/header/Wrapper' |
|
import Layout, { AutoLayout } from 'components/header/Layout' |
|
import Logo from 'components/header/Logo' |
|
import ControlBtn from 'components/header/ControlBtn' |
|
|
|
const Header = ({ |
|
onNavToggle, |
|
onOptionToggle, |
|
onLearningToggle |
|
}: Props) => { |
|
return ( |
|
<Wrapper> |
|
<Layout> |
|
<AutoLayout> |
|
<Logo /> |
|
<div> |
|
<ControlBtn message="Contents" onClick={onNavToggle} /> |
|
<ControlBtn message="Setting" onClick={onOptionToggle} /> |
|
<ControlBtn message="Highlights" onClick={onLearningToggle} /> |
|
</div> |
|
</AutoLayout> |
|
</Layout> |
|
</Wrapper> |
|
); |
|
} |
|
|
|
interface Props { |
|
onNavToggle: (value?: boolean) => void; |
|
onOptionToggle: (value?: boolean) => void; |
|
onLearningToggle: (value?: boolean) => void; |
|
} |
|
|
|
export default Header |