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

React rendering primitives for stratigraphic columns

import { useContext } from "react";
import h from "./hyper.js";
import { ColumnContext } from "./context/column.js";
function ColumnImage(props) {
  const { src, insets = {}, clip = true, ...rest } = props;
  const { pixelHeight } = useContext(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 h("div.column-image", { style: { overflow, ...rest } }, [
    h("img", { src, style: { height, ...margins } })
  ]);
}
export {
  ColumnImage
};
//# sourceMappingURL=images.js.map