MyComponent.jsx

import * as React from 'react';
import {Greeting} from './Greeting';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import {myComponent} from './MyComponent.scss';

export const MyComponent = ({className, color, greeting, ...otherProps}) => (
  <section
    {...otherProps}
    className={classnames(className, myComponent)}
  >
    <Header color={color}/>
    <Greeting message={greeting}/>
  </section>
);

MyComponent.propTypes = {
  className: PropTypes.string.isRequired,
  color: PropTypes.string.isRequired,
  greeting: PropTypes.string.isRequired
};