'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-ed42e2ee.js');

const pdsImageCss = ":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);height:auto;width:100%}";
const PdsImageStyle0 = pdsImageCss;

const PdsImage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.alt = '';
        this.componentId = undefined;
        this.height = undefined;
        this.loading = 'eager';
        this.sizes = undefined;
        this.src = undefined;
        this.srcset = undefined;
        this.width = undefined;
    }
    render() {
        return (index.h(index.Host, { key: '8d97b63e1c5b0eb72117d6378a0b6d869c0dbdea', class: {
                'pds-image': true,
            }, id: this.componentId }, index.h("img", { key: '3cc2d1c185244c8e8de2f7258b85194b37a4ff38', alt: this.alt, height: this.height, loading: this.loading, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
    }
};
PdsImage.style = PdsImageStyle0;

exports.pds_image = PdsImage;

//# sourceMappingURL=pds-image.cjs.entry.js.map