import { j as e } from "../../../_virtual/jsx-runtime.js";
import t from "../../../icons/ChevronRight.js";
import { BottomSheet as a } from "../../BottomSheet/index.js";
import { Button as x } from "../../Button/index.js";
import { TabList as m, ExpandedTabItem as p, ExpandedItemText as c, ExpandedLabel as h, ExpandedSecondary as j, DismissWrapper as u } from "../styles.js";
function E({
  showBottomSheet: i,
  tabs: s,
  selectedTab: n,
  dismissText: o,
  toggleBottomSheet: d,
  onExpandItemClick: l
}) {
  return /* @__PURE__ */ e.jsxs(
    a,
    {
      isOpened: i,
      onClose: d,
      headerContentModifiers: "empty",
      headerControlsModifiers: "close",
      height: "100%",
      children: [
        /* @__PURE__ */ e.jsx(m, { children: s.map((r) => /* @__PURE__ */ e.jsxs(
          p,
          {
            onClick: () => l(r),
            disabled: r.disabled,
            children: [
              /* @__PURE__ */ e.jsxs(c, { children: [
                /* @__PURE__ */ e.jsx(h, { selected: r.value === n.value, children: r.label }),
                r.secondaryText && /* @__PURE__ */ e.jsx(j, { children: r.secondaryText })
              ] }),
              /* @__PURE__ */ e.jsx(t, {})
            ]
          },
          `expanded-${r.value}`
        )) }),
        /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsx(
          x,
          {
            variant: "secondary",
            size: "medium",
            fullWidth: !0,
            onClick: d,
            children: o
          }
        ) })
      ]
    }
  );
}
export {
  E as OpenTabs
};
