@carbon/ibm-cloud-cognitive-cdai
Version:
Carbon for Cloud & Cognitive CD&AI UI components
49 lines • 2.74 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _extends from "@babel/runtime/helpers/extends";
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React from 'react';
import { idAttribute } from '../../../../component_helpers/IDHelper';
import { Breadcrumb, BreadcrumbItem, Tabs, Tab, Button } from 'carbon-components-react';
import { Bee32 } from '@carbon/icons-react';
var heading = 'my heading';
var subtitle = 'my subtitle';
var breadcrumb = /*#__PURE__*/React.createElement(Breadcrumb, _extends({
noTrailingSlash: true
}, idAttribute('breadcrumb')), /*#__PURE__*/React.createElement(BreadcrumbItem, null, /*#__PURE__*/React.createElement("a", {
href: '#top'
}, "items")), /*#__PURE__*/React.createElement(BreadcrumbItem, {
isCurrentPage: true
}, /*#__PURE__*/React.createElement("div", null, "item")));
export var withHeading = {
heading: heading
};
export var withSubtitle = {
subtitle: subtitle
};
export var withBreadcrumb = {
breadcrumb: breadcrumb
};
export var withTabs = {
tabs: /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement(Tab, _extends({
key: 'tab1',
label: 'Tab one'
}, idAttribute('tab1'))), /*#__PURE__*/React.createElement(Tab, _extends({
key: 'tab2',
label: 'Tab two'
}, idAttribute('tab2'))))
};
export var withHeadingRenderFunction = {
headingRenderFunction: function headingRenderFunction(headingJSX) {
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Bee32, idAttribute('custom-header-content')), headingJSX);
}
};
export var withClassName = {
className: 'storybook--use-width storybook--ide-page-header-heading'
};
export var pageHeaderCoreProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, withHeading), withBreadcrumb), withTabs), withClassName);
export var bespokeJSXProp = {
customContent: /*#__PURE__*/React.createElement("div", _extends({
className: 'storybook--idepageheader-button'
}, idAttribute('custom')), /*#__PURE__*/React.createElement(Button, null, "Add new topic"))
};