"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Collapsed = exports.Default = exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _Button = _interopRequireDefault(require("../../components/elements/buttons/Button"));

var _NavigateButton = _interopRequireDefault(require("../../components/elements/buttons/NavigateButton"));

var _ControlsButtonGroup = _interopRequireDefault(require("../../components/navigation/ControlsButtonGroup"));

var _default = {
  title: 'Navigation/ControlsButtonGroup',
  component: _ControlsButtonGroup.default
};
exports.default = _default;

var Default = function Default() {
  return /*#__PURE__*/_react.default.createElement(_ControlsButtonGroup.default, {
    collapsedButton: /*#__PURE__*/_react.default.createElement(_Button.default, {
      onClick: function onClick() {
        alert('Collapsed clicked');
      },
      color: "secondary",
      fullWidth: true
    }, "\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0438 \u0442\u0435\u0441\u0442"),
    expendedButtons: [/*#__PURE__*/_react.default.createElement(_NavigateButton.default, {
      onClick: function onClick() {
        alert('Going back!');
      },
      before: true
    }), /*#__PURE__*/_react.default.createElement(_Button.default, {
      onClick: function onClick() {
        alert('Clicked');
      },
      fullWidth: true
    }, "\u041F\u0435\u0440\u0435\u0432\u0456\u0440\u0438\u0442\u0438"), /*#__PURE__*/_react.default.createElement(_NavigateButton.default, {
      onClick: function onClick() {
        alert('Going forward!');
      }
    })]
  });
};

exports.Default = Default;

var Collapsed = function Collapsed() {
  return /*#__PURE__*/_react.default.createElement(_ControlsButtonGroup.default, {
    collapsed: true,
    collapsedButton: /*#__PURE__*/_react.default.createElement(_Button.default, {
      onClick: function onClick() {
        alert('Collapsed clicked');
      },
      color: "secondary",
      fullWidth: true
    }, "\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0438 \u0442\u0435\u0441\u0442"),
    expendedButtons: [/*#__PURE__*/_react.default.createElement(_NavigateButton.default, {
      onClick: function onClick() {
        alert('Going back!');
      },
      before: true
    }), /*#__PURE__*/_react.default.createElement(_Button.default, {
      onClick: function onClick() {
        alert('Clicked');
      },
      fullWidth: true
    }, "\u041F\u0435\u0440\u0435\u0432\u0456\u0440\u0438\u0442\u0438"), /*#__PURE__*/_react.default.createElement(_NavigateButton.default, {
      onClick: function onClick() {
        alert('Going forward!');
      }
    })]
  });
};

exports.Collapsed = Collapsed;