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

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

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

export default ProductionSidebar
