react.flow

/* @flow */

import * as React from "react"

type Sex = "MALE" | "FEMALE" | "UNDEFINED"

type Props = $ReadOnly<{|
  name: string, 
  sex: Sex,
  address: ?React.Node,            
|}>;

const Person = (props: Props) => {
  	return (
      <div>
        <div>{props.name} is {props.sex.toLowerCase()}</div>
        {props.address}
      </div>
    );
};

const App = () => (<Person name="Jarda" sex="MALE" address={<div>Address: Prague</div>} />);