import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import { CollapsibleJsonSnippet } from '../../../tools/docTools';
import { productBundleMock } from '../../../../mocks/product/productBundles';
import BundleTabsMenu from '../BundleTabsMenu';
import * as BundleTabsMenuStories from './BundleTabsMenu.stories';

<Meta of={BundleTabsMenuStories} />

# BundleTabsMenus

<br />

## `BundleTabsMenus` are used as mobile navigation in the bundle page.

<br />

### Default

<Canvas>
  <Story of={BundleTabsMenuStories.Default} />
</Canvas>

## Usage Example

<CollapsibleJsonSnippet summary="bundleTabsMenuData" code={productBundleMock.bundle} />

```jsx
import BundleTabsMenu from '@appdirect/sfb-theme-components/src/components/product-tabs-menu/BundleTabsMenu';

<BundleTabsMenu data={bundleTabsMenuData} />
```

## Props

<ArgsTable of={BundleTabsMenu} />
