define([], function() { return "import * as React from 'react';\nimport {\n  Button,\n  Overlay\n} from '../../../../index';\n\nimport './Overlay.Basic.Example.scss';\n\nexport class OverlayBasicExample extends React.Component<any, any> {\n  constructor() {\n    super();\n\n    this._onClick = this._onClick.bind(this);\n\n    this.state = {\n      isOverlayVisible: false\n    };\n  }\n\n  public render() {\n    let { isOverlayVisible } = this.state;\n\n    return (\n      <div>\n        <Button onClick={ this._onClick }>Show the overlay</Button>\n        { isOverlayVisible && (\n        <Overlay onClick={ this._onClick }>\n          <div className='ms-OverlayBasicExample'>\n            <p>I am content within the overlay.</p>\n          </div>\n        </Overlay>\n        )}\n      </div>\n    );\n  }\n\n  public _onClick() {\n    this.setState({\n      isOverlayVisible: !this.state.isOverlayVisible\n    });\n  }\n}\n"; });