@brightleaf/elements
Version:
React UI elements styled with Bulma CSS
74 lines (62 loc) • 1.97 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Tabs = exports.TabList = exports.TabItem = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var isTabType = function isTabType(type) {
if (typeof type === 'function' && type.name.indexOf('Tab') === 0) {
return true;
}
return false;
};
var TabItem = function TabItem(_ref) {
var children = _ref.children,
className = _ref.className,
isActive = _ref.isActive;
return _react.default.createElement("li", {
className: (0, _classnames.default)(className, {
'is-active': isActive
})
}, children);
};
exports.TabItem = TabItem;
var TabList = function TabList(_ref2) {
var children = _ref2.children,
className = _ref2.className,
isActive = _ref2.isActive;
return _react.default.createElement("ul", {
className: (0, _classnames.default)(className)
}, children);
};
exports.TabList = TabList;
var Tabs = function Tabs(_ref3) {
var children = _ref3.children,
className = _ref3.className,
isCentered = _ref3.isCentered,
isRight = _ref3.isRight,
isSmall = _ref3.isSmall,
isMedium = _ref3.isMedium,
isLarge = _ref3.isLarge,
isBoxed = _ref3.isBoxed,
isToggle = _ref3.isToggle,
isToggleRounded = _ref3.isToggleRounded,
isFullWidth = _ref3.isFullWidth;
var classes = {
'is-centered': isCentered,
'is-right': isRight,
'is-small': isSmall,
'is-medium': isMedium,
'is-large': isLarge,
'is-boxed': isBoxed,
'is-toggle': isToggle,
'is-toggle-rounded': isToggleRounded,
'is-fullwidth': isFullWidth
};
return _react.default.createElement("div", {
className: (0, _classnames.default)('tabs', className, classes)
}, children);
};
exports.Tabs = Tabs;