//// [booleanLiteralsContextuallyTypedFromUnion.tsx]
interface A { isIt: true; text: string; }
interface B { isIt: false; value: number; }
type C = A | B;
const isIt = Math.random() > 0.5;
const c: C = isIt ? { isIt, text: 'hey' } : { isIt, value: 123 };
const cc: C = isIt ? { isIt: isIt, text: 'hey' } : { isIt: isIt, value: 123 };

type ComponentProps =
    | {
        optionalBool: true;
        mandatoryFn: () => void;
    }
    | {
        optionalBool: false;
    };

let Funk = (_props: ComponentProps) => <div>Hello</div>;

let Fail1 = () => <Funk mandatoryFn={() => { }} optionalBool={true} />
let Fail2 = () => <Funk mandatoryFn={() => { }} optionalBool={true as true} />
let True = true as true;
let Fail3 = () => <Funk mandatoryFn={() => { }} optionalBool={True} />
let attrs2 = { optionalBool: true as true, mandatoryFn: () => { } }
let Success = () => <Funk {...attrs2} />

//// [booleanLiteralsContextuallyTypedFromUnion.jsx]
"use strict";
var isIt = Math.random() > 0.5;
var c = isIt ? { isIt: isIt, text: 'hey' } : { isIt: isIt, value: 123 };
var cc = isIt ? { isIt: isIt, text: 'hey' } : { isIt: isIt, value: 123 };
var Funk = function (_props) { return <div>Hello</div>; };
var Fail1 = function () { return <Funk mandatoryFn={function () { }} optionalBool={true}/>; };
var Fail2 = function () { return <Funk mandatoryFn={function () { }} optionalBool={true}/>; };
var True = true;
var Fail3 = function () { return <Funk mandatoryFn={function () { }} optionalBool={True}/>; };
var attrs2 = { optionalBool: true, mandatoryFn: function () { } };
var Success = function () { return <Funk {...attrs2}/>; };
