/*! Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license. */ import * as React from 'react'; import Screener from 'screener-storybook/src/screener'; import { storiesOf } from '@storybook/react'; import { FabricDecoratorTall } from '../utilities'; import { Pivot, PivotLinkSize, PivotLinkFormat, PivotItem, IPivotItemProps, Label, Icon, ThemeProvider, Fabric, } from '@fluentui/react-next'; storiesOf('Pivot Next', module) .addDecorator(story => (
{story()}
)) .addDecorator(FabricDecoratorTall) .addDecorator(story => ( {story()} )) .addStory('Basic', () => ( )) .addStory('Icon count', () => ( )) .addStory('Large links', () => ( )) .addStory('Tabs', () => ( )) .addStory('Large tabs', () => ( )); storiesOf('Pivot Next Overflow', module) .addDecorator(story => (
{story()}
)) .addDecorator(story => ( {story()} )) .addStory('Basic', () => ( )) .addStory('Tabs - RTL', () => ( )); function _customRenderer( link: IPivotItemProps, defaultRenderer: (link: IPivotItemProps) => JSX.Element, ): JSX.Element { return ( {defaultRenderer({ ...link, itemIcon: undefined })} ); }