"use strict";

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

var _react2 = require("@storybook/react");

var _addonInfo = require("@storybook/addon-info");

var _addonActions = require("@storybook/addon-actions");

var _index = _interopRequireDefault(require("./index"));

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

(0, _react2.storiesOf)('ToggleButton', module).add('Default', (0, _addonInfo.withInfo)('Default')(function () {
  return _react.default.createElement("div", {
    style: {
      margin: 10
    }
  }, _react.default.createElement("h4", null, "Default"), _react.default.createElement(_index.default, {
    labels: ['Sign In', 'Login'],
    selectedIndex: 0,
    onChange: (0, _addonActions.action)('on-change')
  }), _react.default.createElement("h4", null, "Custom Width"), _react.default.createElement("div", {
    style: {
      width: 400
    }
  }, _react.default.createElement(_index.default, {
    labels: ['Sign In', 'Login'],
    selectedIndex: 0,
    onChange: (0, _addonActions.action)('on-change')
  })), _react.default.createElement("h4", null, "More than 2"), _react.default.createElement(_index.default, {
    labels: ['First', 'Second', 'Third', 'Forth'],
    onChange: (0, _addonActions.action)('on-change'),
    selectedIndex: 1
  }), _react.default.createElement("h4", null, "Custom Color"), _react.default.createElement(_index.default, {
    labels: ['First', 'Second', 'Third'],
    selectedIndex: 1,
    activeColor: "#2CCFA0",
    onChange: (0, _addonActions.action)('on-change')
  }), _react.default.createElement("h4", null, "With Label"), _react.default.createElement(_index.default, {
    labels: ['First', 'Second', 'Third'],
    selectedIndex: 1,
    title: "Choose",
    onChange: (0, _addonActions.action)('on-change')
  }), _react.default.createElement("h4", null, "onChange"), _react.default.createElement(_index.default, {
    labels: ['First', 'Second', 'Third'],
    selectedIndex: 0,
    activeColor: "#2CCFA0",
    onChange: (0, _addonActions.action)('on-change')
  }));
}));