UNPKG

@stokr/components-library

Version:

STOKR - Components Library

40 lines (39 loc) 1.65 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.TabNavInactive = exports.TabNavActive = void 0; var _react = _interopRequireDefault(require("react")); var _TabNav = require("./TabNav"); var _Number = require("../Number/Number"); var _global = _interopRequireDefault(require("../../styles/global")); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } var _default = exports.default = { title: 'Components Library/Tabs/TabNav', component: _TabNav.TabNav, argTypes: { children: { type: 'node', defaultValue: [], required: true }, isActive: { type: 'boolean', defaultValue: false }, onClick: { type: 'function', action: 'onClick' } } }; const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_TabNav.TabNav, args)); const TabNavActive = exports.TabNavActive = Template.bind({}); TabNavActive.args = { children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)], isActive: true }; const TabNavInactive = exports.TabNavInactive = Template.bind({}); TabNavInactive.args = { children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)] };