// @jsx: preserve

declare var React: any;
declare var Component:any;
declare var Composite:any;
declare var Composite2:any;
declare var Child:any;
declare var Namespace:any;
declare var foo: any;
declare var bar: any;
declare var y:any;
declare var x:any;
declare var z:any;
declare var hasOwnProperty:any;

<div>text</div>;

<div>
  {this.props.children}
</div>;

<div>
  <div><br /></div>
  <Component>{foo}<br />{bar}</Component>
  <br />
</div>;


<Composite>
    {this.props.children}
</Composite>;

<Composite>
    <Composite2 />
</Composite>;

var x =
  <div
    attr1={
      "foo" + "bar"
    }
    attr2={
      "foo" + "bar" +
      
      "baz" + "bug"
    }
    attr3={
      "foo" + "bar" +
      "baz" + "bug"
      // Extra line here.
    }
    attr4="baz">
  </div>;

(
  <div>
    {/* A comment at the beginning */}
    {/* A second comment at the beginning */}
    <span>
      {/* A nested comment */}
    </span>
    {/* A sandwiched comment */}
    <br />
    {/* A comment at the end */}
    {/* A second comment at the end */}
  </div>
);

(
  <div
    /* a multi-line
       comment */
    attr1="foo">
    <span // a double-slash comment
      attr2="bar"
    />
  </div>
);

<div>&nbsp;</div>;

<div>&nbsp; </div>;

<hasOwnProperty>testing</hasOwnProperty>;

<Component constructor="foo" />;

<Namespace.Component />;

<Namespace.DeepNamespace.Component />;

<Component { ... x } y
={2 } z />;

<Component
    {...this.props} sound="moo" />;

<font-face />;

<Component x={y} />;

<x-component />;

<Component {...x} />;

<Component { ...x } y={2} />;

<Component { ... x } y={2} z />;

<Component x={1} {...y} />;


<Component x={1} y="2" {...z} {...z}><Child /></Component>;

<Component x="1" {...(z = { y: 2 }, z)} z={3}>Text</Component>;