@cimpress/react-components
Version:
React components to support the MCP styleguide
41 lines • 1.7 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Default = void 0;
const react_1 = __importDefault(require("react"));
const TabCard_1 = require("../TabCard");
const Button_1 = require("../Button");
const meta = {
title: 'Components/TabCard',
component: TabCard_1.TabCard,
};
exports.default = meta;
exports.Default = {
render: () => {
const [selectedIndex, setSelectedIndex] = react_1.default.useState(0);
const tabs = [
{
name: 'Tab 1',
block: react_1.default.createElement("p", null, "Lorem ipsum dolor sit amet"),
href: '#',
},
{
name: 'Tab 2',
block: (react_1.default.createElement("div", null,
react_1.default.createElement(Button_1.Button, { onClick: () => setSelectedIndex(0) }, "Go to Tab 1"))),
footer: react_1.default.createElement("p", null, "Lorem ipsum dolor sit amet."),
href: '#',
},
{
name: 'Tab 3',
block: react_1.default.createElement("p", null, "Lorem ipsum dolor sit amet."),
footer: react_1.default.createElement("p", null, "Lorem ipsum dolor sit amet."),
href: '#',
},
];
return (react_1.default.createElement(TabCard_1.TabCard, { tabs: tabs, selectedIndex: selectedIndex, onSelect: (e, selectedKey) => setSelectedIndex(selectedKey) }));
},
};
//# sourceMappingURL=tabcard.stories.js.map