import { useLocation } from 'react-router-dom'
import DashboardSidebar from '../common/DashboardSidebar'
import { getSidebarItems, getSidebarSelectedKey } from '../../../database/Sidebars'

const DeveloperSidebar = (props) => {
  const location = useLocation()
  const includeDev = import.meta.env.MODE === 'development'
  const items = getSidebarItems('developer', { includeDev })
  const selectedKey = getSidebarSelectedKey('developer', location.pathname, {
    includeDev
  })

  return <DashboardSidebar items={items} selectedKey={selectedKey} {...props} />
}

export default DeveloperSidebar
