@talend/react-components
Version:
Set of react components.
40 lines • 1.33 kB
JavaScript
import PropTypes from 'prop-types';
import classNames from 'classnames';
import theme from './ViewLayout.module.scss';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function ViewLayout(props) {
const {
leftElement,
middleElement,
rightElement
} = props.header;
return /*#__PURE__*/_jsxs("div", {
className: theme.container,
children: [/*#__PURE__*/_jsxs("div", {
className: theme.header,
children: [/*#__PURE__*/_jsx("div", {
className: classNames(theme['element-container'], theme.left),
children: leftElement
}), /*#__PURE__*/_jsx("div", {
className: classNames(theme['element-container'], theme.middle),
children: middleElement
}), /*#__PURE__*/_jsx("div", {
className: classNames(theme['element-container'], theme.right),
children: rightElement
})]
}), /*#__PURE__*/_jsx("div", {
className: classNames(theme['element-container'], theme.body),
children: props.bodyElement
})]
});
}
ViewLayout.propTypes = {
header: PropTypes.shape({
leftElement: PropTypes.element,
middleElement: PropTypes.element,
rightElement: PropTypes.element
}).isRequired,
bodyElement: PropTypes.element.isRequired
};
export default ViewLayout;
//# sourceMappingURL=ViewLayout.component.js.map