"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.tsx
var curriculum_sidebar_item_wrapper_exports = {};
__export(curriculum_sidebar_item_wrapper_exports, {
  default: () => curriculum_sidebar_item_wrapper_default
});
module.exports = __toCommonJS(curriculum_sidebar_item_wrapper_exports);

// src/atoms/grid.tsx
var import_themes = require("@radix-ui/themes");

// src/atoms/separator.tsx
var import_themes2 = require("@radix-ui/themes");

// src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.tsx
var import_jsx_runtime = require("react/jsx-runtime");
function CurriculumSidebarItemWrapper({
  children,
  isSelected,
  onClick,
  index
}) {
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
    import_themes.Grid,
    {
      align: "center",
      columns: "auto 1fr",
      "data-curriculum-item-index": index,
      gap: "2",
      onClick,
      position: "relative",
      px: "3",
      py: "2",
      style: {
        backgroundColor: isSelected ? "var(--yellow-a2)" : void 0,
        cursor: onClick ? "pointer" : void 0
      },
      children: [
        isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
          import_themes2.Separator,
          {
            color: "yellow",
            orientation: "vertical",
            size: "4",
            style: { width: "3px", position: "absolute", left: 0 }
          }
        ) : null,
        children
      ]
    }
  );
}
var curriculum_sidebar_item_wrapper_default = CurriculumSidebarItemWrapper;
//# sourceMappingURL=curriculum-sidebar-item-wrapper.cjs.map