UNPKG

@brightleaf/elements

Version:

React UI elements styled with Bulma CSS

74 lines (62 loc) 1.97 kB
"use strict"; 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;