(window.webpackJsonp=window.webpackJsonp||[]).push([[20],{"./components/tab/tab.mdx":function(e,t,n){"use strict";n.r(t),n.d(t,"default",function(){return d});var a=n("./node_modules/react/index.js"),o=n.n(a),r=n("./node_modules/@mdx-js/tag/dist/index.js"),l=n("./node_modules/docz/dist/index.m.js"),s=n("../ui-components/dist/bundle.js"),i=n("./node_modules/react-powerplug/dist/react-powerplug.esm.js");function c(e){return(c="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(null==e)return{};var n,a,o=function(e,t){if(null==e)return{};var n,a,o={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function m(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function p(e,t){return!t||"object"!==c(t)&&"function"!==typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(e,t){return(f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var d=function(e){function t(e){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(n=p(this,b(t).call(this,e))).layout=null,n}var n,a,c;return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(e,t)}(t,o.a.Component),n=t,(a=[{key:"render",value:function(){var e=this.props,t=e.components,n=u(e,["components"]);return o.a.createElement(r.MDXTag,{name:"wrapper",components:t},o.a.createElement(r.MDXTag,{name:"h1",components:t,props:{id:"tab"}},"Tab"),o.a.createElement(l.f,{of:s.Tab}),o.a.createElement(r.MDXTag,{name:"h2",components:t,props:{id:"example"}},"Example"),o.a.createElement(l.e,{__codesandbox:"undefined",__position:1,__code:'<div>\n  <State initial={{ value: \'personal\' }}>\n    {({ state, setState }) => (\n      <Tab\n        value={state.value}\n        onChange={value => {\n          setState({ value })\n        }}\n      >\n        <Tab.Item name="personal">Personal Data</Tab.Item>\n        <Tab.Item name="salary">Salary Data</Tab.Item>\n        <Tab.Item name="absences">Absences</Tab.Item>\n      </Tab>\n    )}\n  </State>\n</div>',__scope:{props:this?this.props:n,Tab:s.Tab,State:i.a,Toggle:i.b}},o.a.createElement("div",null,o.a.createElement(i.a,{initial:{value:"personal"}},function(e){var t=e.state,n=e.setState;return o.a.createElement(s.Tab,{value:t.value,onChange:function(e){n({value:e})}},o.a.createElement(s.Tab.Item,{name:"personal"},"Personal Data"),o.a.createElement(s.Tab.Item,{name:"salary"},"Salary Data"),o.a.createElement(s.Tab.Item,{name:"absences"},"Absences"))}))),o.a.createElement(r.MDXTag,{name:"h2",components:t,props:{id:"disabled"}},"Disabled"),o.a.createElement(l.e,{__codesandbox:"undefined",__position:2,__code:'<div>\n  <State initial={{ value: \'personal\' }}>\n    {({ state, setState }) => (\n      <Tab\n        value={state.value}\n        onChange={value => {\n          setState({ value })\n        }}\n      >\n        <Tab.Item name="personal">Personal Data</Tab.Item>\n        <Tab.Item name="salary" disabled>\n          Salary Data\n        </Tab.Item>\n        <Tab.Item name="absences">Absences</Tab.Item>\n      </Tab>\n    )}\n  </State>\n</div>',__scope:{props:this?this.props:n,Tab:s.Tab,State:i.a,Toggle:i.b}},o.a.createElement("div",null,o.a.createElement(i.a,{initial:{value:"personal"}},function(e){var t=e.state,n=e.setState;return o.a.createElement(s.Tab,{value:t.value,onChange:function(e){n({value:e})}},o.a.createElement(s.Tab.Item,{name:"personal"},"Personal Data"),o.a.createElement(s.Tab.Item,{name:"salary",disabled:!0},"Salary Data"),o.a.createElement(s.Tab.Item,{name:"absences"},"Absences"))}))))}}])&&m(n.prototype,a),c&&m(n,c),t}();d.__docgenInfo={description:"",methods:[],displayName:"MDXContent"}}}]);
//# sourceMappingURL=components-tab-tab.92f57ff6f5fbbde921a5.js.map