import {
  $5e63c961fc1ce211$export$8c6ed5c666ac1360,
  ChevronRightIcon,
  DotsHorizontalIcon,
  cn
} from "/build/_shared/chunk-LGQ4GCFK.js";
import {
  require_jsx_dev_runtime
} from "/build/_shared/chunk-ED7KKCRB.js";
import {
  require_react
} from "/build/_shared/chunk-PECDPABK.js";
import {
  createHotContext,
  init_remix_hmr
} from "/build/_shared/chunk-G7KTOMTD.js";
import {
  __toESM
} from "/build/_shared/chunk-PNG5AS42.js";

// app/pages/layouts/PageLayout.tsx
init_remix_hmr();
var import_react = __toESM(require_react(), 1);

// app/components/ui/breadcrumb.tsx
init_remix_hmr();
var React = __toESM(require_react(), 1);
var import_jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
if (!window.$RefreshReg$ || !window.$RefreshSig$ || !window.$RefreshRuntime$) {
  console.warn("remix:hmr: React Fast Refresh only works when the Remix compiler is running in development mode.");
} else {
  prevRefreshReg = window.$RefreshReg$;
  prevRefreshSig = window.$RefreshSig$;
  window.$RefreshReg$ = (type, id) => {
    window.$RefreshRuntime$.register(type, '"app/components/ui/breadcrumb.tsx"' + id);
  };
  window.$RefreshSig$ = window.$RefreshRuntime$.createSignatureFunctionForTransform;
}
var prevRefreshReg;
var prevRefreshSig;
if (import.meta) {
  import.meta.hot = createHotContext(
    //@ts-expect-error
    "app/components/ui/breadcrumb.tsx"
  );
  import.meta.hot.lastModified = "1711234838351.2473";
}
var Breadcrumb = React.forwardRef(_c = ({
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("nav", { ref, "aria-label": "breadcrumb", ...props }, void 0, false, {
  fileName: "app/components/ui/breadcrumb.tsx",
  lineNumber: 27,
  columnNumber: 12
}, this));
_c2 = Breadcrumb;
Breadcrumb.displayName = "Breadcrumb";
var BreadcrumbList = React.forwardRef(_c3 = ({
  className,
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("ol", { ref, className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5", className), ...props }, void 0, false, {
  fileName: "app/components/ui/breadcrumb.tsx",
  lineNumber: 33,
  columnNumber: 12
}, this));
_c4 = BreadcrumbList;
BreadcrumbList.displayName = "BreadcrumbList";
var BreadcrumbItem = React.forwardRef(_c5 = ({
  className,
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("li", { ref, className: cn("hover:text-foreground transition-colors inline-flex items-center gap-1.5", className), ...props }, void 0, false, {
  fileName: "app/components/ui/breadcrumb.tsx",
  lineNumber: 39,
  columnNumber: 12
}, this));
_c6 = BreadcrumbItem;
BreadcrumbItem.displayName = "BreadcrumbItem";
var BreadcrumbLink = React.forwardRef(_c7 = ({
  asChild,
  className,
  ...props
}, ref) => {
  const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : "a";
  return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(Comp, { ref, className: cn("hover:text-foreground transition-colors", className), ...props }, void 0, false, {
    fileName: "app/components/ui/breadcrumb.tsx",
    lineNumber: 48,
    columnNumber: 10
  }, this);
});
_c8 = BreadcrumbLink;
BreadcrumbLink.displayName = "BreadcrumbLink";
var BreadcrumbPage = React.forwardRef(_c9 = ({
  className,
  ...props
}, ref) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", { ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("text-foreground font-normal", className), ...props }, void 0, false, {
  fileName: "app/components/ui/breadcrumb.tsx",
  lineNumber: 55,
  columnNumber: 12
}, this));
_c10 = BreadcrumbPage;
BreadcrumbPage.displayName = "BreadcrumbPage";
var BreadcrumbSeparator = ({
  children,
  className,
  ...props
}) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children || /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(ChevronRightIcon, {}, void 0, false, {
  fileName: "app/components/ui/breadcrumb.tsx",
  lineNumber: 63,
  columnNumber: 18
}, this) }, void 0, false, {
  fileName: "app/components/ui/breadcrumb.tsx",
  lineNumber: 62,
  columnNumber: 7
}, this);
_c11 = BreadcrumbSeparator;
BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
var BreadcrumbEllipsis = ({
  className,
  ...props
}) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", { role: "presentation", "aria-hidden": "true", className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
  /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(DotsHorizontalIcon, { className: "h-4 w-4" }, void 0, false, {
    fileName: "app/components/ui/breadcrumb.tsx",
    lineNumber: 71,
    columnNumber: 5
  }, this),
  /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)("span", { className: "sr-only", children: "More" }, void 0, false, {
    fileName: "app/components/ui/breadcrumb.tsx",
    lineNumber: 72,
    columnNumber: 5
  }, this)
] }, void 0, true, {
  fileName: "app/components/ui/breadcrumb.tsx",
  lineNumber: 70,
  columnNumber: 7
}, this);
_c12 = BreadcrumbEllipsis;
BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
var _c;
var _c2;
var _c3;
var _c4;
var _c5;
var _c6;
var _c7;
var _c8;
var _c9;
var _c10;
var _c11;
var _c12;
$RefreshReg$(_c, "Breadcrumb$React.forwardRef");
$RefreshReg$(_c2, "Breadcrumb");
$RefreshReg$(_c3, "BreadcrumbList$React.forwardRef");
$RefreshReg$(_c4, "BreadcrumbList");
$RefreshReg$(_c5, "BreadcrumbItem$React.forwardRef");
$RefreshReg$(_c6, "BreadcrumbItem");
$RefreshReg$(_c7, "BreadcrumbLink$React.forwardRef");
$RefreshReg$(_c8, "BreadcrumbLink");
$RefreshReg$(_c9, "BreadcrumbPage$React.forwardRef");
$RefreshReg$(_c10, "BreadcrumbPage");
$RefreshReg$(_c11, "BreadcrumbSeparator");
$RefreshReg$(_c12, "BreadcrumbEllipsis");
window.$RefreshReg$ = prevRefreshReg;
window.$RefreshSig$ = prevRefreshSig;

// app/pages/layouts/PageLayout.tsx
var import_jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
if (!window.$RefreshReg$ || !window.$RefreshSig$ || !window.$RefreshRuntime$) {
  console.warn("remix:hmr: React Fast Refresh only works when the Remix compiler is running in development mode.");
} else {
  prevRefreshReg = window.$RefreshReg$;
  prevRefreshSig = window.$RefreshSig$;
  window.$RefreshReg$ = (type, id) => {
    window.$RefreshRuntime$.register(type, '"app/pages/layouts/PageLayout.tsx"' + id);
  };
  window.$RefreshSig$ = window.$RefreshRuntime$.createSignatureFunctionForTransform;
}
var prevRefreshReg;
var prevRefreshSig;
if (import.meta) {
  import.meta.hot = createHotContext(
    //@ts-expect-error
    "app/pages/layouts/PageLayout.tsx"
  );
  import.meta.hot.lastModified = "1711663831019.4182";
}
var DefaultFC = () => null;
_c13 = DefaultFC;
var PageLayout = ({
  breadcrumbs,
  subtitle = DefaultFC,
  action = DefaultFC,
  children
}) => {
  return /* @__PURE__ */ (0, import_jsx_dev_runtime2.jsxDEV)("div", { className: "flex flex-col gap-4 pb-8", children: [
    /* @__PURE__ */ (0, import_jsx_dev_runtime2.jsxDEV)("div", { className: "flex flex-row items-center justify-between border-b-2 pb-2", children: [
      /* @__PURE__ */ (0, import_jsx_dev_runtime2.jsxDEV)("div", { className: "flex flex-col", children: [
        /* @__PURE__ */ (0, import_jsx_dev_runtime2.jsxDEV)(Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_dev_runtime2.jsxDEV)(BreadcrumbList, { className: "text-lg", children: breadcrumbs.map((breadcrumb, index) => /* @__PURE__ */ (0, import_jsx_dev_runtime2.jsxDEV)(import_react.Fragment, { children: [
          /* @__PURE__ */ (0, import_jsx_dev_runtime2.jsxDEV)(BreadcrumbItem, { children: breadcrumb.to ? /* @__PURE__ */ (0, import_jsx_dev_runtime2.jsxDEV)(BreadcrumbLink, { href: breadcrumb.to, children: breadcrumb.label }, void 0, false, {
            fileName: "app/pages/layouts/PageLayout.tsx",
            lineNumber: 38,
            columnNumber: 38
          }, this) : /* @__PURE__ */ (0, import_jsx_dev_runtime2.jsxDEV)(BreadcrumbPage, { children: breadcrumb.label }, void 0, false, {
            fileName: "app/pages/layouts/PageLayout.tsx",
            lineNumber: 38,
            columnNumber: 113
          }, this) }, void 0, false, {
            fileName: "app/pages/layouts/PageLayout.tsx",
            lineNumber: 37,
            columnNumber: 19
          }, this),
          index !== breadcrumbs.length - 1 && /* @__PURE__ */ (0, import_jsx_dev_runtime2.jsxDEV)(BreadcrumbSeparator, {}, void 0, false, {
            fileName: "app/pages/layouts/PageLayout.tsx",
            lineNumber: 40,
            columnNumber: 56
          }, this)
        ] }, index, true, {
          fileName: "app/pages/layouts/PageLayout.tsx",
          lineNumber: 36,
          columnNumber: 55
        }, this)) }, void 0, false, {
          fileName: "app/pages/layouts/PageLayout.tsx",
          lineNumber: 35,
          columnNumber: 13
        }, this) }, void 0, false, {
          fileName: "app/pages/layouts/PageLayout.tsx",
          lineNumber: 34,
          columnNumber: 11
        }, this),
        subtitle({})
      ] }, void 0, true, {
        fileName: "app/pages/layouts/PageLayout.tsx",
        lineNumber: 33,
        columnNumber: 9
      }, this),
      action({})
    ] }, void 0, true, {
      fileName: "app/pages/layouts/PageLayout.tsx",
      lineNumber: 32,
      columnNumber: 7
    }, this),
    children
  ] }, void 0, true, {
    fileName: "app/pages/layouts/PageLayout.tsx",
    lineNumber: 31,
    columnNumber: 10
  }, this);
};
_c22 = PageLayout;
var _c13;
var _c22;
$RefreshReg$(_c13, "DefaultFC");
$RefreshReg$(_c22, "PageLayout");
window.$RefreshReg$ = prevRefreshReg;
window.$RefreshSig$ = prevRefreshSig;

export {
  PageLayout
};
//# sourceMappingURL=/build/_shared/chunk-BXT5AGPN.js.map
