{"size": 462, "ext": "js", "max_stars_repo_path": "frontend/src/components/Windows/index.js", "max_stars_repo_name": "idekerlab/hiview", "max_stars_repo_stars_event_min_datetime": "2018-04-02T18:40:41.000Z", "max_stars_repo_stars_event_max_datetime": "2021-08-29T16:43:55.000Z", "max_issues_repo_path": "frontend/src/components/Windows/index.js", "max_issues_repo_name": "idekerlab/hiview", "max_issues_repo_issues_event_min_datetime": "2017-08-12T22:49:08.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T16:20:24.000Z", "max_forks_repo_path": "frontend/src/components/Windows/index.js", "max_forks_repo_name": "idekerlab/hiview", "max_forks_repo_forks_event_min_datetime": "2018-12-04T21:08:27.000Z", "max_forks_repo_forks_event_max_datetime": "2020-07-23T15:12:23.000Z"}
{"max_stars_count": 13, "max_issues_count": 45, "max_forks_count": 6, "avg_line_length": 19.25, "max_line_length": 47, "alphanum_fraction": 0.5411255411}

import React, {Component} from 'react'
import { Mosaic } from 'react-mosaic-component'

const ELEMENT_MAP = {
  a: (<div>Left Window</div>),
  b: (<div>Top Right Window</div>),
  c: (<div>Bottom Right Window</div>)
}

const Windows = () => (
  <Mosaic
    renderTile={ id => ELEMENT_MAP[id] }
    initialValue={{
      direction: 'row',
      first: 'a',
      second: {
        direction: 'column',
        first: 'b',
        second: 'c'
      }
    }}
  />
)