import {Component, Fragment} from "react";
import * as React from "react";
import { MySimpleComponentA } from "./my-componentA";
// import { MySimpleComponentB } from "./my-componentB";
import { MySimpleComponentC } from "./my-componentC";

export class MyApp extends Component {
    public render() {
        return <Fragment>
            <MySimpleComponentA lastName="Cochard" /> {/*DOES NOT COMPILE*/}
            <MySimpleComponentA lastName="Cochard" firstName="Nicolas" />  {/*COMPILES, but I should not have to specify the first name.*/}
            {/*<MySimpleComponentB lastName="Cochard" />*/}
            <MySimpleComponentC lastName="Cochard" /> {/*COMPILE*/}
        </Fragment>;
    }
}