"use client";

import { usePathname } from "@/i18n/navigation";

type Props = { children: React.ReactNode };

/** Keeps the Menu Board workspace independent from the generic business-panel card. */
export default function MenuBoardPanelSurface({ children }: Props) {
  const pathname = usePathname();
  const isMenuBoardRoute = pathname.startsWith("/dashboard/business/menu-boards");

  if (isMenuBoardRoute) return <>{children}</>;

  return <div className="rounded-2xl border border-[var(--border)] bg-[var(--bg-elevated)] p-4 sm:p-6 lg:p-7">{children}</div>;
}