MyComponent.jsx

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

export const MyComponent = (props) => {
  const {
    className,
    headerColor,
    greetingColor,
    greetingMessage,
    ...otherProps
  } = props;
  
  return  (
    <section
      {...otherProps}
      className={classnames(className, myComponent)}
    >
      <Header color={headerColor}/>
      <Greeting
        color={greetingColor}
        message={greetingMessage}
      />
    </section>
  );
}

MyComponent.propTypes = {
  className: PropTypes.string.isRequired,
  headerColor: PropTypes.string.isRequired,
  greetingColor: PropTypes.string.isRequired,
  greetingMessage: PropTypes.string.isRequired
};