module.exports = "import * as React from 'react';\nimport {\n  Panel,\n  PanelType,\n  Button\n} from '../../../../index';\n\nexport class PanelExtraLargeExample extends React.Component<any, any> {\n\n  constructor() {\n    super();\n    this.state = {\n      showPanel: false\n    };\n  }\n\n  public render() {\n    return (\n      <div>\n        <Button description='Opens the Sample Panel' onClick={ this._showPanel.bind(this) }>Open Panel</Button>\n        <Panel\n          isOpen={ this.state.showPanel }\n          onDismiss= { this._closePanel.bind(this) }\n          type={ PanelType.extraLarge }\n          headerText='Extra Large Panel'\n        >\n          <span className='ms-font-m'>Content goes here.</span>\n        </Panel>\n      </div>\n    );\n  }\n\n  private _showPanel() {\n    this.setState( {showPanel: true } );\n  }\n  private _closePanel() {\n    this.setState( {showPanel: false } );\n  }\n}\n";