import { u as t } from "./jsxRuntime.module.92xvPm7T.js";
import { M as m, I as d } from "./index.B_XvPxIW.js";
import { o as a } from "./initialize.lazy.DYuWBGl3.js";
import { u as l, C as b, s, I as g, m as I, a as h } from "./WidgetIconBase.CT_1jnx6.js";
const n = s(g)``, u = s(h, d)`
  background: ${(o) => o.$theme.palette.iconBg};
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 0.5px 0, rgba(0, 0, 0, 0.09) 0 1px 3px 0, rgba(0, 0, 0, 0.09) 0 4px 8px 0;
  ${(o) => o.$theme.widgetIcon.bookmark.pc.position}
  ${(o) => o.$theme.widgetIcon.bookmark.pc.style.btnStyle}
  ${(o) => a(o.$overridePosition)}
  
  ${n} {
    ${(o) => o.$theme.widgetIcon.bookmark.pc.style.innerSvgStyle}
  }
  
  ${I.sp} {
    ${(o) => o.$theme.widgetIcon.bookmark.sp.position}
    ${(o) => o.$theme.widgetIcon.bookmark.sp.style.btnStyle}
    ${(o) => a(o.$overridePosition)}
  
    ${n} {
      ${(o) => o.$theme.widgetIcon.bookmark.sp.style.innerSvgStyle}
    }
  }
`, S = ({ id: o, IconElement: c, onClick: p, isActive: k, theme: e }) => {
  const { buttonRef: i, savedPosition: $ } = l(e, m.BOOKMARK);
  return /* @__PURE__ */ t(
    u,
    {
      id: o,
      onClick: () => {
        var r;
        (r = i.current) != null && r.getAttribute("data-moving") || p();
      },
      ref: i,
      "aria-label": "ウェブアクセシビリティ機能を表示する",
      $theme: e,
      $overridePosition: $,
      children: [
        /* @__PURE__ */ t(n, { $theme: e, children: /* @__PURE__ */ t(c, {}) }),
        k && /* @__PURE__ */ t(
          b,
          {
            $theme: e,
            $pcPosition: e.widgetIcon.bookmark.pc.checkMarkPosition,
            $spPosition: e.widgetIcon.bookmark.sp.checkMarkPosition
          }
        )
      ]
    }
  );
};
export {
  S as default
};