@macrostrat/column-components/dist/images.cjs

React rendering primitives for stratigraphic columns

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const React = require("react");
const hyper = require("./hyper.cjs");
const column = require("./context/column.cjs");
function ColumnImage(props) {
  const { src, insets = {}, clip = true, ...rest } = props;
  const { pixelHeight } = React.useContext(column.ColumnContext);
  let margins = {};
  for (let key in insets) {
    margins["margin" + key[0].toUpperCase() + key.slice(1)] = -insets[key];
  }
  const overflow = clip ? "hidden" : "visible";
  const height = pixelHeight - (margins.marginTop ?? 0) - (margins.marginBottom ?? 0);
  return hyper("div.column-image", { style: { overflow, ...rest } }, [
    hyper("img", { src, style: { height, ...margins } })
  ]);
}
exports.ColumnImage = ColumnImage;
//# sourceMappingURL=images.cjs.map