@carbon/ibm-security
Version:
Carbon for Cloud & Cognitive IBM Security UI components
46 lines (45 loc) • 3.17 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/defineProperty";
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; }
/**
* @file Description module stories.
* @copyright IBM Security 2020 - 2021
*/
import React from 'react';
import { getDocsParameters } from '../../../../.storybook';
import withResponsive from '../../../../.storybook/decorators';
import { DescriptionModule, TitleBarModule } from '../../..';
import getTitle from '../stories';
import page from './index.mdx';
export default {
title: getTitle(DescriptionModule.name),
component: DescriptionModule,
parameters: _objectSpread({
docs: {
page: page
}
}, getDocsParameters()),
decorators: [withResponsive]
};
export var Default = function Default() {
return /*#__PURE__*/React.createElement(DescriptionModule, null, function (_ref) {
var getLayoutProps = _ref.getLayoutProps;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TitleBarModule, {
title: "Section title"
}), /*#__PURE__*/React.createElement("p", getLayoutProps(), "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer finibus tortor eget est ornare, a ultrices risus tincidunt. Suspendisse condimentum mauris at ornare tempor. Phasellus a arcu ante. Morbi vitae ultrices quam, eget eleifend magna. Morbi quis porttitor ex, in elementum tellus. In eget rutrum eros, eu scelerisque risus. Phasellus vel pretium lorem, ut laoreet sapien. Cras ac purus vitae velit efficitur iaculis. Nunc."));
});
};
export var Variant = function Variant() {
return /*#__PURE__*/React.createElement(DescriptionModule, null, function (_ref2) {
var getLayoutProps = _ref2.getLayoutProps;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TitleBarModule, {
title: "Section title"
}), /*#__PURE__*/React.createElement(TitleBarModule, {
title: "Sub-section title",
subsection: true
}), /*#__PURE__*/React.createElement("p", getLayoutProps(), "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer finibus tortor eget est ornare, a ultrices risus tincidunt. Suspendisse condimentum mauris at ornare tempor. Phasellus a arcu ante. Morbi vitae ultrices quam, eget eleifend magna. Morbi quis porttitor ex, in elementum tellus. In eget rutrum eros, eu scelerisque risus. Phasellus vel pretium lorem, ut laoreet sapien. Cras ac purus vitae velit efficitur iaculis. Nunc."));
});
};
Variant.parameters = {
viewMode: 'canvas'
};