"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { useTranslations } from "next-intl";
function DevtoolsMobileHeader() {
  const t = useTranslations("devtools");
  return /* @__PURE__ */ jsx("div", { className: "lg:hidden bg-card border-b border-border p-4", "data-cy": "devtools-mobile-header", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-8 h-8 bg-violet-100 dark:bg-violet-950 rounded-lg", children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 bg-violet-600 dark:bg-violet-400 rounded-sm" }) }),
    /* @__PURE__ */ jsxs("div", { children: [
      /* @__PURE__ */ jsx("h1", { className: "text-lg font-bold text-violet-600 dark:text-violet-400", children: t("title") }),
      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("subtitle") })
    ] })
  ] }) });
}
export {
  DevtoolsMobileHeader
};
