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

// 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