text: import React from "react";
  
  const ContactEntry = ({heading, text}) =>
    <div>
      <h4 className="f4 b lh-title mb2 primary">{ heading }</h4>
      <p>{ text }</p>
    </div>;
  
  const ContactEntries = ({data}) => data && data.length > 0
      ? <div className="flex-ns mb3">
        {data.map(({heading, text}) => <ContactEntry heading={heading} text={text} />)}
      </div>
      : "";
  
  export default class ContactPreview extends React.Component {
    render() {
      const {entry, getAsset, widgetFor} = this.props;
      const entryContactEntries = entry.getIn(["data", "contact_entries"]);
      const contactEntries = entryContactEntries ? entryContactEntries.toJS() : [];
      return <div className="ph3 bg-off-white">
        <div className="center mw6 pv3">
          <h1 class="f4 b lh-title mb2 primary">{entry.getIn(["data", "title"])}</h1>
          { widgetFor("body") }
          <ContactEntries data={contactEntries} />
        </div>
      </div>;
    }
  }
  