content: import React from 'react';
  
  import { Container, ContentPanel, StandardPanelTitle, PanelSubtitle } from 'components/Layout';
  import UpdateInstanceEvents from 'components/UpdateInstanceEvents';
  import UpdateInstanceSummary from 'components/UpdateInstanceSummary';
  import UpdateSettings from 'components/UpdateSettings';
  import UpdateStateMachine from 'components/UpdateStateMachine';
  import UpdateStatus from 'components/UpdateStatus';
  import UpdateTitle from 'components/UpdateTitle';
  
  export default function UpdateDetails({ update }) {
    return (<Container>
      <div className='content-panel-group'>
        <UpdateTitle update={update} />
        <ContentPanel><UpdateStatus update={update} /></ContentPanel>
        <PanelSubtitle title='Update History' />
        <ContentPanel><UpdateStateMachine update={update} /></ContentPanel>
        <PanelSubtitle title='Update Settings' />
        <ContentPanel><UpdateSettings update={update} /></ContentPanel>
      </div>
      <div className='content-panel-group'>
        <StandardPanelTitle title='Instance Overview' />
        <ContentPanel><UpdateInstanceSummary update={update} /></ContentPanel>
        <PanelSubtitle title='Instance Events' />
        <div className='content-panel fluid'><UpdateInstanceEvents update={update} /></div>
      </div>
    </Container>);
  }
  