import { r as registerInstance, h, H as Host } from './index-4a3a9179.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) {
        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 (h(Host, { key: '215feafdc0e94d6ae120bf3a96f64bdc63390a62', class: {
                'pds-image': true,
            }, id: this.componentId }, 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;

export { PdsImage as pds_image };

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