@cimpress/react-components
Version:
React components to support the MCP styleguide
35 lines • 1.32 kB
JavaScript
import React from 'react';
import { TabCard } from '../TabCard';
import { Button } from '../Button';
const meta = {
title: 'Components/TabCard',
component: TabCard,
};
export default meta;
export const Default = {
render: () => {
const [selectedIndex, setSelectedIndex] = React.useState(0);
const tabs = [
{
name: 'Tab 1',
block: React.createElement("p", null, "Lorem ipsum dolor sit amet"),
href: '#',
},
{
name: 'Tab 2',
block: (React.createElement("div", null,
React.createElement(Button, { onClick: () => setSelectedIndex(0) }, "Go to Tab 1"))),
footer: React.createElement("p", null, "Lorem ipsum dolor sit amet."),
href: '#',
},
{
name: 'Tab 3',
block: React.createElement("p", null, "Lorem ipsum dolor sit amet."),
footer: React.createElement("p", null, "Lorem ipsum dolor sit amet."),
href: '#',
},
];
return (React.createElement(TabCard, { tabs: tabs, selectedIndex: selectedIndex, onSelect: (e, selectedKey) => setSelectedIndex(selectedKey) }));
},
};
//# sourceMappingURL=tabcard.stories.js.map