"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault"),_react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonActions=require("@storybook/addon-actions"),_formik=require("formik"),_FormikToggleButton=_interopRequireDefault(require("./FormikToggleButton")),_index=_interopRequireDefault(require("./index"));(0,_react2.storiesOf)("ToggleButton",module).add("Default",(0,_addonInfo.withInfo)("Default")(function(){return/*#__PURE__*/_react["default"].createElement("div",{style:{margin:10}},/*#__PURE__*/_react["default"].createElement("h4",null,"Default"),/*#__PURE__*/_react["default"].createElement(_index["default"],{labels:["Sign In","Login"],selectedIndex:0,onChange:(0,_addonActions.action)("on-change")}),/*#__PURE__*/_react["default"].createElement("h4",null,"Custom Width"),/*#__PURE__*/_react["default"].createElement("div",{style:{width:400}},/*#__PURE__*/_react["default"].createElement(_index["default"],{labels:["Sign In","Login"],selectedIndex:0,onChange:(0,_addonActions.action)("on-change")})),/*#__PURE__*/_react["default"].createElement("h4",null,"More than 2"),/*#__PURE__*/_react["default"].createElement(_index["default"],{labels:["First","Second","Third","Forth"],onChange:(0,_addonActions.action)("on-change"),selectedIndex:1}),/*#__PURE__*/_react["default"].createElement("h4",null,"Custom Color"),/*#__PURE__*/_react["default"].createElement(_index["default"],{labels:["First","Second","Third"],selectedIndex:1,activeColor:"#2CCFA0",onChange:(0,_addonActions.action)("on-change")}),/*#__PURE__*/_react["default"].createElement("h4",null,"With Label"),/*#__PURE__*/_react["default"].createElement(_index["default"],{labels:["First","Second","Third"],selectedIndex:1,title:"Choose",onChange:(0,_addonActions.action)("on-change")}),/*#__PURE__*/_react["default"].createElement("h4",null,"onChange"),/*#__PURE__*/_react["default"].createElement(_index["default"],{labels:["First","Second","Third"],selectedIndex:0,activeColor:"#2CCFA0",onChange:(0,_addonActions.action)("on-change")}))})).add("Formik",(0,_addonInfo.withInfo)("Formik ToggleButton")(function(){return/*#__PURE__*/_react["default"].createElement("div",{style:{margin:10}},/*#__PURE__*/_react["default"].createElement(_formik.Formik,{initialValues:{toggle1:0,toggle2:1},onSubmit:function onSubmit(){}},/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment,null,/*#__PURE__*/_react["default"].createElement(_FormikToggleButton["default"],{name:"toggle1",labels:["Sign In","Login"]}),/*#__PURE__*/_react["default"].createElement("br",null),/*#__PURE__*/_react["default"].createElement(_FormikToggleButton["default"],{name:"toggle2",labels:["Toggle 1","Toggle 2"]}))))}));