2022-03-25 18:35:11 +01:00
|
|
|
import React from 'react';
|
2023-01-25 16:47:02 +01:00
|
|
|
import { PRIMARY, SECONDARY } from '../../../helpers/constants/common';
|
2022-03-25 18:35:11 +01:00
|
|
|
|
2023-01-25 16:47:02 +01:00
|
|
|
import { EtherDenomination } from '../../../../shared/constants/common';
|
2022-03-25 18:35:11 +01:00
|
|
|
import UserPreferencedCurrencyDisplay from '.';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
title: 'Components/App/UserPreferencedCurrencyDisplay',
|
2023-01-20 20:27:46 +01:00
|
|
|
|
2022-03-25 18:35:11 +01:00
|
|
|
argTypes: {
|
|
|
|
className: {
|
|
|
|
control: 'text',
|
|
|
|
},
|
|
|
|
'data-testid': {
|
|
|
|
control: 'text',
|
|
|
|
},
|
|
|
|
prefix: {
|
|
|
|
control: 'text',
|
|
|
|
},
|
|
|
|
value: {
|
|
|
|
control: 'text',
|
|
|
|
},
|
|
|
|
numberOfDecimals: {
|
|
|
|
control: 'number',
|
|
|
|
},
|
|
|
|
hideLabel: {
|
|
|
|
control: 'boolean',
|
|
|
|
},
|
|
|
|
hideTitle: {
|
|
|
|
control: 'boolean',
|
|
|
|
},
|
|
|
|
style: {
|
|
|
|
control: 'object',
|
|
|
|
},
|
|
|
|
showEthLogo: {
|
|
|
|
control: 'boolean',
|
|
|
|
},
|
|
|
|
ethLogoHeight: {
|
|
|
|
control: 'number',
|
|
|
|
},
|
|
|
|
type: {
|
|
|
|
control: 'select',
|
|
|
|
options: [PRIMARY, SECONDARY],
|
|
|
|
},
|
|
|
|
ethNumberOfDecimals: {
|
|
|
|
control: 'number',
|
|
|
|
},
|
|
|
|
fiatNumberOfDecimals: {
|
|
|
|
control: 'number',
|
|
|
|
},
|
2022-04-07 17:14:22 +02:00
|
|
|
showFiat: {
|
|
|
|
control: 'boolean',
|
|
|
|
},
|
2022-03-25 18:35:11 +01:00
|
|
|
},
|
|
|
|
args: {
|
2023-01-25 16:47:02 +01:00
|
|
|
type: EtherDenomination.ETH,
|
2022-03-25 18:35:11 +01:00
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
export const DefaultStory = (args) => (
|
|
|
|
<UserPreferencedCurrencyDisplay {...args} />
|
|
|
|
);
|
|
|
|
|
|
|
|
DefaultStory.storyName = 'Default';
|