import { Story, Canvas, ArgsTable } from '@storybook/addon-docs';

import TransactionDetailItem from '.';

# Transaction Detail Item

Transaction detail that includes estimated gas fees. Intended to be used as an array item in the array passed to the `rows` prop of `<TransactionDetail />`

<Canvas>
  <Story id="ui-components-app-transaction-detail-item-transaction-detail-item-stories-js--default-story" />
</Canvas>

## Component API

<ArgsTable of={TransactionDetailItem} />