1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-28 00:27:49 +02:00
market/src/components/organisms/AssetActions/Consume.stories.tsx

23 lines
585 B
TypeScript

import React, { ReactElement } from 'react'
import Consume from './Consume'
import ddo from '../../../../tests/unit/__fixtures__/ddo'
import { DDO } from '@oceanprotocol/lib'
export default {
title: 'Organisms/Consume',
decorators: [
(storyFn: () => React.FC): ReactElement => (
<div style={{ maxWidth: '40rem', margin: 'auto' }}>{storyFn()}</div>
)
]
}
export const PricedAsset = (): ReactElement => (
<Consume
ddo={ddo as DDO}
dtBalance="1"
isBalanceSufficient
file={new DDO(ddo).findServiceByType('metadata').attributes.main.files[0]}
/>
)