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

wix-style-react

import React from 'react';
import PropTypes from 'prop-types';
import { st, classes } from './Content.st.css';
import { dataHooks } from '../constants';

class Content extends React.PureComponent {
  static displayName = 'Content';

  static propTypes = {
    /** Define styles through a classname */
    className: PropTypes.string,

    /** Any element to be rendered inside under title */
    children: PropTypes.node,

    /** Remove paddings from the content */
    noPadding: PropTypes.bool,
  };

  static defaultProps = {
    noPadding: false,
  };

  render() {
    const { children, className, noPadding } = this.props;
    return (
      <div
        className={st(classes.root, { noPadding }, className)}
        data-hook={dataHooks.sidePanelContent}
      >
        {children}
      </div>
    );
  }
}

export default Content;