Press n or j to go to the next uncovered block, b, p or k for the previous block.
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 | 1x 8x 8x 8x | import React, { useContext } from 'react'; import { WebAppsUXContext } from '../../Context'; const DrawerHeader = props => { const { useNavigation } = useContext(WebAppsUXContext); const { toggleNavigation } = useNavigation; return ( <div className="flex items-center justify-between m-8 mr-6"> <div className="text-3xl font-bold tracking-light leading-none"> {props.children} </div> <div className="lg:hidden"> <button className="cursor-pointer text-gray-600 dark:text-gray-400 text-xl leading-none bg-transparent outline-none" type="button" onClick={toggleNavigation} > <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}> <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> </div> ) } export default DrawerHeader; |