import React, { Component } from 'react';
import ExpansionPanelDetails from 'ui/core/ExpansionPanel/ExpansionPanelDetails/ExpansionPanelDetails';
import ExpansionPanelSummary from 'ui/core/ExpansionPanel/ExpansionPanelSummary/ExpansionPanelSummary';
import ExpansionPanel from 'ui/core/ExpansionPanel/ExpansionPanel';

export default class SimpleExpansionPanelDemo extends Component {
  render() {
    return (
      <React.Fragment>
        <ExpansionPanel defaultOpen={true}>
          <ExpansionPanelSummary>Expansion Panel 1</ExpansionPanelSummary>
          <ExpansionPanelDetails>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex,
            sit amet blandit leo lobortis eget.
          </ExpansionPanelDetails>
        </ExpansionPanel>

        <ExpansionPanel>
          <ExpansionPanelSummary>Expansion Panel 2</ExpansionPanelSummary>
          <ExpansionPanelDetails>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex,
            sit amet blandit leo lobortis eget.
          </ExpansionPanelDetails>
        </ExpansionPanel>
      </React.Fragment>
    );
  }
}