import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  Separator
} from "./chunk-HYITAA4J.js";

// src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-sidebar-item-wrapper.tsx
import { jsx, jsxs } from "react/jsx-runtime";
function CurriculumSidebarItemWrapper({
  children,
  isSelected,
  onClick,
  index
}) {
  return /* @__PURE__ */ jsxs(
    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__ */ jsx(
          Separator,
          {
            color: "yellow",
            orientation: "vertical",
            size: "4",
            style: { width: "3px", position: "absolute", left: 0 }
          }
        ) : null,
        children
      ]
    }
  );
}
var curriculum_sidebar_item_wrapper_default = CurriculumSidebarItemWrapper;

export {
  curriculum_sidebar_item_wrapper_default
};
//# sourceMappingURL=chunk-LRKARLHL.js.map