@macrostrat/column-components/dist/esm/column-components.ae1a0298.js

React rendering primitives for stratigraphic columns

import $f5b828bbb980a05d$export$2e2bcd8739ae039 from "./column-components.e1d11b63.js";
import {ColumnContext as $3F6xX$ColumnContext} from "./column-components.fa405a9f.js";
import {useContext as $3F6xX$useContext} from "react";




function $8318bc81864e7576$export$2fc53c648b2db8c4(props) {
    const { src: src, insets: insets = {}, clip: clip = true, ...rest } = props;
    const { pixelHeight: pixelHeight } = (0, $3F6xX$useContext)((0, $3F6xX$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 (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)("div.column-image", {
        style: {
            overflow: overflow,
            ...rest
        }
    }, [
        (0, $f5b828bbb980a05d$export$2e2bcd8739ae039)("img", {
            src: src,
            style: {
                height: height,
                ...margins
            }
        })
    ]);
}


export {$8318bc81864e7576$export$2fc53c648b2db8c4 as ColumnImage};
//# sourceMappingURL=column-components.ae1a0298.js.map