import { jsx as t } from "@emotion/react/jsx-runtime";
import { Icon as a } from "@m4l/base";
import { SettingItemStyled as i } from "../../slots/SettingsLayoutSlots.js";
const d = (r) => {
  const { iconUrl: n, onChange: e, selected: o } = r;
  return /* @__PURE__ */ t(
    i,
    {
      ...e ? {
        onClick: e,
        tabIndex: 0,
        role: "radio",
        "aria-label": "theme-mode-options",
        "aria-checked": !0
      } : {},
      ownerState: { selected: o, onChange: !!e },
      children: /* @__PURE__ */ t(a, { src: n, color: o ? "primary.enabled" : "text.secondary" })
    }
  );
};
export {
  d as SettingItem
};
