import StudyListExpandedRow from '../StudyListExpandedRow';

import { ArgsTable, Story, Canvas, Meta } from '@storybook/addon-docs';
import { createComponentTemplate } from '../../../storybook/functions/create-component-story';

export const argTypes = {
  component: StudyListExpandedRow,
  title: 'Components/StudyListExpandedRow',
};

<Meta
  title="Components/StudyListExpandedRow"
  component={StudyListExpandedRow}
/>

export const StudyListExpandedRowTemplate = createComponentTemplate(StudyListExpandedRow);

<Heading
  title="StudyListExpandedRow"
  componentRelativePath="StudyListExpandedRow/StudyListExpandedRow.js"
/>

- [Overview](#overview)
- [Props](#props)
- [Contribute](#contribute)

## Overview

StudyListExpandedRow is a component that renders the StudyListExpandedRows.

<Canvas>
  <Story
    name="Overview"
    args={{
      seriesTableColumns: {
        description: 'Description',
        seriesNumber: 'Series',
        modality: 'Modality',
        instances: 'Instances',
      },
      seriesTableDataSource: [],
    }}
  >
    {StudyListExpandedRowTemplate.bind({})}
  </Story>
</Canvas>

## Props

<ArgsTable of={StudyListExpandedRow} />

## Usage

## Contribute

<Footer componentRelativePath="StudyListExpandedRow/__stories__/studyListExpandedRow.stories.mdx" />
