// @jsx: preserve
// @filename: index.tsx
namespace JSX {
    export interface Element {}
}

export type CatInfo = { type: 'Cat'; subType: string; };
export type DogInfo = { type: 'Dog'; };
export type AnimalInfo = CatInfo | DogInfo;

function AnimalComponent(info: AnimalInfo): JSX.Element {
    return undefined as any;
}

function getProps(): AnimalInfo {
    // this may be from server or whatever ...
    return { type: 'Cat', subType: 'Large' };
}

var props:AnimalInfo = getProps();
var component = <AnimalComponent {...props} />

var props2:AnimalInfo = { type: 'Cat', subType: 'Large' };
var component2 = <AnimalComponent {...props2} />