colouring-montreal/app/src/frontend/building/data-containers/greenery.tsx

import React, { Fragment } from 'react';

import withCopyEdit from '../data-container';

/**
* Greenery view/edit section
*/
const GreeneryView = (props) => (
    <Fragment>
        <p className="data-intro">{props.intro}</p>
        <ul className="data-list">
            <li>Gardens</li>
            <li>Trees</li>
            <li>Green walls</li>
            <li>Green roof</li>
            <li>Proximity to parks and open greenspace</li>
            <li>Building shading</li>
        </ul>
    </Fragment>
)
const GreeneryContainer = withCopyEdit(GreeneryView);

export default GreeneryContainer;