chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
38 lines (37 loc) • 948 B
JavaScript
import React, { useCallback } from 'react';
import PropTypes from 'prop-types';
import getText from '../utils/getText';
import Button from '../../react-chayns-button/component/Button';
const LoadMore = _ref => {
let {
onClick,
group,
hide = false
} = _ref;
const handleClick = useCallback(() => {
if (onClick) {
onClick(group);
}
}, [onClick, group]);
return /*#__PURE__*/React.createElement("div", {
className: "load-more",
style: {
display: 'flex',
justifyContent: 'center',
padding: '20px 0',
...(hide ? {
display: 'none'
} : {})
}
}, /*#__PURE__*/React.createElement(Button, {
onClick: handleClick
}, getText('LOAD_MORE')));
};
LoadMore.propTypes = {
onClick: PropTypes.func.isRequired,
group: PropTypes.string.isRequired,
hide: PropTypes.bool
};
LoadMore.displayName = 'LoadMore';
export default LoadMore;
//# sourceMappingURL=LoadMore.js.map