@nichoth/image
Version:
An image component
18 lines • 686 B
JavaScript
import { getSrcset, defaultSizes } from './srcset.js';
export function html(props) {
const { className, sizes, filename, decoding, loading, fetchpriority, alt } = props;
const _class = props.class || className;
return `<div class="${'image' + (_class ? ` ${_class}` : '')}">
<img
alt="${alt}"
srcset="${getSrcset(filename, defaultSizes)}"
sizes="${sizes?.join(', ') || '100vw'}"
src="${filename}"
decoding="${decoding || 'auto'}"
loading="${loading || 'lazy'}"
fetchpriority="${fetchpriority || 'low'}"
>
</div>`;
}
export default html;
//# sourceMappingURL=index.js.map