JSON-IR-React-Example.js

import React, { Component } from 'react'

export default class HelloWorld extends Component {
  render() {
    return (
      <div style={styles.Main}>
        <span style={styles.Hello}>Hello World</span>
        <img src={'/static/hello-world_world.png'} style={styles.World} />
      </div>
    )
  }
}

const styles = {
  Main: {
    position: 'absolute',
    top: 242,
    left: 335,
    width: 395,
    height: 190,
    border: [
      {
        width: 1,
        style: 'inset',
        color: '#979797ff'
      }
    ],
    background: {
      color: '#b0f3d0ff'
    }
  },
  Hello: {
    position: 'absolute',
    top: 265,
    left: 455,
    width: 155,
    height: 36,
    fontSize: 30,
    fontFamily: 'Helvetica Light'
  },
  World: {
    position: 'absolute',
    top: 286,
    left: 402,
    width: 261,
    height: 161
  }
}