sulaimanwebdev

import React from 'react'
import logodocument from '../../assets/images/logodocument.svg'
import { Link ,  useLocation} from 'react-router-dom'

export default function BasicDesignsiderbar({basicdesign ,setbasicdesign }) {
  const { pathname } = useLocation();
  return (
                <>
                <div onClick={()=>setbasicdesign(false)}  className= {` ${ basicdesign ? "navbar-white" : "" }  lg:hidden`}  ></div>
    <div className={` bg-white p-3 ${ basicdesign ? " w-[260px] " : " w-[60px] sm:w-[80px] "  }  z-10  rounded-[8px] sticky top-5  mt-3  h-[calc(100vh-30px)]  transition-[width] `}  >