"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 _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")}))})).add("Formik",(0,_addonInfo.withInfo)("Formik ToggleButton")(function(){return _react.default.createElement("div",{style:{margin:10}},_react.default.createElement(_formik.Formik,{initialValues:{toggle1:0,toggle2:1},onSubmit:function onSubmit(){}},_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_FormikToggleButton.default,{name:"toggle1",labels:["Sign In","Login"]}),_react.default.createElement("br",null),_react.default.createElement(_FormikToggleButton.default,{name:"toggle2",labels:["Toggle 1","Toggle 2"]}))))}));