import bgTexture from '../../assets/images/DashboardHeaderTexture.png'
import avatar from '../../assets/images/avatar.png'
import bellIcon from '../../assets/images/DashboardHeaderBell.svg'


export default function Header({ sidebarOpen ,setSidebarOpen }){
    return (
        <div className={"sticky flex z-40 top-0  w-full bg-1 p-4 px-12 justify-between " + (sidebarOpen ? " pr-64" : "")} >
            <button onClick={() => setSidebarOpen(!sidebarOpen)}>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
                </svg>
            </button>
            <img src={bellIcon} className={'w-6 h-6 opacity-80'}/>
        </div>
    )
}