@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
43 lines (42 loc) • 986 B
JavaScript
import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
import style from "./Image.module.css";
export default class Image extends React.Component {
render() {
let {
alt,
src,
className,
isCover,
title,
onClick,
dataId,
htmlId,
eleRef,
original,
onLoad,
onError
} = this.props;
return /*#__PURE__*/React.createElement("img", {
src: src,
alt: alt,
"data-title": title,
"data-id": dataId,
"data-test-id": dataId,
className: ` ${className} ${isCover ? style.imgFullSize : style.imgMaxFullSize} `,
onClick: onClick,
id: htmlId,
ref: eleRef,
"data-original": original,
onLoad: onLoad,
onError: onError
});
}
}
Image.propTypes = propTypes;
Image.defaultProps = defaultProps; // if (__DOCS__) {
// Image.docs = {
// componentGroup: 'Atom'
// };
// }