'use strict';

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

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

const pdsImageCss = ":host{--image-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--image-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: '215feafdc0e94d6ae120bf3a96f64bdc63390a62', class: {
                'pds-image': true,
            }, id: this.componentId }, index.h("img", { key: '300604bb22b5811af2b0fda6dec0b53bfb2b6419', 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