import { jsxs as a, jsx as i } from "react/jsx-runtime";
import { classNames as r } from "./index-classNames.js";
import "react";
import n from "./index-BenchmarkGaugePin.module.scss.js";
import { Render as t } from "./index-Render.js";
const C = (s) => {
  var o, h;
  const {
    marker: e,
    ctx: d,
    resolvedColor: c,
    isHighlighted: l,
    growHighlightedMarker: g
  } = s;
  return a("div", {
    className: r(n.pinWrapper),
    children: [i(t, {
      if: !!e.renderPin,
      children: (o = e.renderPin) == null ? void 0 : o.call(e, d)
    }), i(t, {
      if: !e.renderPin,
      children: i("div", {
        className: r(n.defaultPin, g && l && n.defaultPinGrown),
        style: {
          background: c
        },
        children: i(t, {
          if: !!e.renderHighlightedContent,
          children: i("div", {
            className: r(n.highlightedContent, l && n.highlightedContentVisible),
            children: (h = e.renderHighlightedContent) == null ? void 0 : h.call(e, d)
          })
        })
      })
    })]
  });
};
export {
  C as BenchmarkGaugePin
};
