"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { Button } from "@open-mercato/ui/primitives/button";
import { useT } from "@open-mercato/shared/lib/i18n/context";
function ViewSwitcher({ viewMode, onViewModeChange, viewType, onViewTypeChange }) {
  const t = useT();
  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-md border p-1", children: [
      /* @__PURE__ */ jsx(
        Button,
        {
          type: "button",
          size: "sm",
          variant: viewMode === "weekly" ? "default" : "outline",
          onClick: () => onViewModeChange("weekly"),
          children: t("staff.timesheets.my.viewMode.weekly", "Weekly")
        }
      ),
      /* @__PURE__ */ jsx(
        Button,
        {
          type: "button",
          size: "sm",
          variant: viewMode === "monthly" ? "default" : "outline",
          onClick: () => onViewModeChange("monthly"),
          children: t("staff.timesheets.my.viewMode.monthly", "Monthly")
        }
      )
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-md border p-1", children: [
      /* @__PURE__ */ jsx(
        Button,
        {
          type: "button",
          size: "sm",
          variant: viewType === "timesheet" ? "default" : "outline",
          onClick: () => onViewTypeChange("timesheet"),
          children: t("staff.timesheets.my.viewType.timesheet", "Timesheet")
        }
      ),
      /* @__PURE__ */ jsx(
        Button,
        {
          type: "button",
          size: "sm",
          variant: viewType === "list" ? "default" : "outline",
          onClick: () => onViewTypeChange("list"),
          children: t("staff.timesheets.my.viewType.list", "List view")
        }
      )
    ] })
  ] });
}
export {
  ViewSwitcher
};
//# sourceMappingURL=ViewSwitcher.js.map
