ConsumingComponent.jsx

import * as React from 'react';
import {MyComponent} from './MyComponent';
import {consumingComponent} from './ConsumingComponent.scss';

const ConsumingComponent = () => (
  <MyComponent
    HeaderProps={{
      color: 'red'
      data-testid='consuming-component-header'
      type: 'compact'
    }}
    GreetingProps={{
      color: 'blue'
      data-testid='consuming-component-greeting'
      message: 'Hello World'
    }}
    className={consumingComponent}
    data-testid='consuming-component'
  />
);