"use client";

import React, { useEffect, useState } from "react";
import AppSidebar from "@/components/ui/sidebar";
import { useRouter, usePathname } from "@/i18n/routing";
import { useBreakpoint } from "@/hooks/useBreakpoint";

const Sidebar: React.FC = () => {
  const router = useRouter();
  const pathname = usePathname();
  const locale = pathname.split("/")[1];
  const { isTablet } = useBreakpoint();

  const menuItems = [
    {
      key: `app`,
      label: "Apps",
      onClick: () => {
        router.push(`/${locale}/admin/app`);
      },
    },
  ];

  return (
    <AppSidebar
      title="iDoc Shopify App"
      menuItems={menuItems}
      backgroundColor="#fff"
      collapsed={isTablet}
      breakpoint={"lg"}
    />
  );
};

export default Sidebar;