wix-style-react/src/Card/Content/Content.js

wix-style-react

import React from 'react';
import PropTypes from 'prop-types';
import { st, classes } from './Content.st.css';
import { WixStyleReactContext } from '../../WixStyleReactProvider/context';

class Content extends React.Component {
  static propTypes = {
    children: PropTypes.node,
    size: PropTypes.oneOf(['medium', 'large']),
  };

  _getChildName = children =>
    children.type && (children.type.displayName || children.type.name);

  render() {
    const { children, size } = this.props;
    const isEmptyStateContent = this._getChildName(children) === 'EmptyState';

    return (
      <WixStyleReactContext.Consumer>
        {({ reducedSpacingAndImprovedLayout }) => (
          <div
            className={st(classes.root, {
              size,
              emptyStateContent: isEmptyStateContent,
              reducedSpacingAndImprovedLayout,
            })}
          >
            {children}
          </div>
        )}
      </WixStyleReactContext.Consumer>
    );
  }
}

export default Content;