import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
import { createComponentTemplate } from "../../../../storybook/functions/createComponentTemplate";
import TabPanel from "../TabPanel";

<Meta title="Navigation/Tabs - (in progress)/TabPanel - (Coming Soon)" component={TabPanel} />

<!--- Component template -->

export const tabPanelTemplate = createComponentTemplate(TabPanel);

<!--- Component documentation -->

# TabPanel

- [Overview](#overview)
- [Props](#props)
- [Variants](#variants)
- [Feedback](#feedback)

## Overview

Tab panel contains the content of one tab in a Tabs component.

<Canvas>
  <Story name="Overview" args={{ children: "Content" }}>
    {tabPanelTemplate.bind({})}
  </Story>
</Canvas>

## Props

<ArgsTable story="Overview" />
