@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
52 lines (49 loc) • 1.77 kB
JavaScript
/*** Libraries ***/
import React, { Component } from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
/*** Components ***/
import Stencils from '@zohodesk/components/lib/Stencils/Stencils';
/*** CSS ***/
import style from "./ListStencils.module.css";
export default class ListStencils extends Component {
render() {
let {
listType,
testId,
customId
} = this.props;
return /*#__PURE__*/React.createElement("div", {
className: `${style.container} ${style[listType]}`,
"data-test-id": testId ? testId + '_listStencils' : null,
"data-id": customId ? customId + '_listStencils' : null,
"aria-hidden": "true"
}, /*#__PURE__*/React.createElement("div", {
className: style.innerContainer
}, /*#__PURE__*/React.createElement("div", {
className: style.avatar
}, /*#__PURE__*/React.createElement(Stencils, {
shape: "circle",
size: listType === 'classic' ? 'large' : listType === 'compact' ? 'medium' : 'small'
})), /*#__PURE__*/React.createElement("div", {
className: style.detailsColumn
}, /*#__PURE__*/React.createElement("div", {
className: `${style.detailsInnerColumn}`
}, /*#__PURE__*/React.createElement("div", {
className: style.primaryRow
}, /*#__PURE__*/React.createElement(Stencils, {
size: "default"
})), /*#__PURE__*/React.createElement("div", {
className: style.secondaryRow
}, /*#__PURE__*/React.createElement(Stencils, {
size: "medium"
}))))));
}
}
ListStencils.propTypes = propTypes;
ListStencils.defaultProps = defaultProps; // if (__DOCS__) {
// ListStencils.docs = {
// folderName: 'List',
// componentGroup: 'ListStencils'
// };
// }