import React from 'react';
import './scss/card.scss';

const Header = (props) => {
  const { button, children } = props;
  return (
    <div className='omni-card__header'>
      <div className='omni-card__header__title'>
        {children}
      </div>
      <div className='omni-card__header__button'>{button}</div>
    </div>
  );
};

const Body = (props) => <div className='omni-card__body'>{props.children}</div>;

export default class Card extends React.Component {
  static Header = Header;

  static Body = Body;

  render() {
    const { children } = this.props;
    return <div className='omni-ui-general omni-card'>{children}</div>;
  }
}