'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _components = require('acl-ui/components');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

class SidePanelExample extends _react.Component {
  openPanel() {
    this.refs.panel.open();
  }

  render() {
    return _react2.default.createElement(
      'div',
      null,
      _react2.default.createElement(
        'button',
        { onClick: this.openPanel.bind(this) },
        'Open SidePanel'
      ),
      _react2.default.createElement(
        _components.SidePanel,
        { ref: 'panel', title: 'ACL UI is Awesome' },
        _react2.default.createElement(
          'h1',
          null,
          'Objectives:'
        ),
        _react2.default.createElement(
          'ul',
          null,
          _react2.default.createElement(
            'li',
            null,
            'Happy customers'
          ),
          _react2.default.createElement(
            'li',
            null,
            'Profit'
          )
        )
      )
    );
  }
}

exports.default = SidePanelExample;