All files / Components/Drawer DrawerHeader.js

100% Statements 4/4
100% Branches 0/0
100% Functions 1/1
100% Lines 4/4

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;