phoenix-components-library/react/components/Card WIP/CardWrap.js

Component library for Phoenix Frontend Projects.

import React, { Fragment } from 'react';
import PropTypes from 'prop-types';

import './CardWrap.css';

const propTypes = {
  view: PropTypes.bool,
  loadMoreButtonVisible: PropTypes.bool,
  onMoreClick: PropTypes.func,
};

const defaultProps = {
  view: true,
  loadMoreButtonVisible: false,
  onMoreClick: () => {},
};

const CardWrap = ({
  view, onMoreClick, loadMoreButtonVisible, children,
}) => (
  <Fragment>
    <div className={`${view ? 'es-card-wrapper' : 'es-list-view'}`}>
      {children}
    </div>
    {!loadMoreButtonVisible && (
    <div className="show-more" onClick={() => onMoreClick()}>
        Show More
    </div>
        )}
  </Fragment>
);

CardWrap.propTypes = propTypes;
CardWrap.defaultProps = defaultProps;

export { CardWrap };