import { jsx as e } from "@emotion/react/jsx-runtime";
import { SettingItemColorContainerStyled as m, SettingItemColorStyled as a } from "../../slots/SettingsLayoutSlots.js";
import { PATH_ICONS as c } from "../../icons.js";
import { useEnvironment as l } from "@m4l/core";
const h = (o) => {
  const { onChange: t, selected: r, color: n } = o, { host_static_assets: i, environment_assets: s } = l();
  return /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
    a,
    {
      src: `${i}/${s}/${c.COLOR}`,
      ...t ? {
        onClick: t,
        tabIndex: 0,
        role: "radio",
        "aria-checked": !0
      } : {},
      ownerState: { selected: r, onChange: !!t, color: n }
    }
  ) });
};
export {
  h as SettingItemColor
};
