import { jsx } from "../../../packages/jsx/src/jsx-runtime.js";
import { Spacing } from "../../../tokens/Spacing.js";
import { PinIcon } from "./PinIcon.js";
function PinIconButton({ onClick, isPinned, className }) {
  return /* @__PURE__ */ jsx(
    "button",
    {
      type: "button",
      tabIndex: -1,
      "aria-label": "pin column",
      className,
      onClick,
      sx: {
        width: Spacing["16px"],
        display: "flex",
        alignItems: "center",
        justifyContent: "center"
      },
      children: /* @__PURE__ */ jsx(PinIcon, { isPinned })
    }
  );
}
export {
  PinIconButton
};
