You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
924 B
48 lines
924 B
import React from 'react';
|
|
import CountdownTimer from './countdown-timer';
|
|
import README from './README.mdx';
|
|
|
|
export default {
|
|
title: 'Pages/Swaps/CountdownTimer',
|
|
id: __filename,
|
|
component: CountdownTimer,
|
|
parameters: {
|
|
docs: {
|
|
page: README,
|
|
},
|
|
},
|
|
argTypes: {
|
|
timeStarted: {
|
|
type: 'number',
|
|
},
|
|
timeOnly: {
|
|
type: 'boolean',
|
|
},
|
|
timerBase: {
|
|
type: 'number',
|
|
},
|
|
labelKey: {
|
|
type: 'string',
|
|
},
|
|
infoTooltipLabelKey: {
|
|
type: 'string',
|
|
},
|
|
warningTime: {
|
|
type: 'string',
|
|
},
|
|
},
|
|
args: {
|
|
timeStarted: Date.now(),
|
|
timeOnly: false,
|
|
timerBase: 20000,
|
|
labelKey: 'disconnectPrompt',
|
|
infoTooltipLabelKey: 'disconnectAllAccountsConfirmationDescription',
|
|
warningTime: '0:15',
|
|
},
|
|
};
|
|
|
|
export const DefaultStory = (args) => {
|
|
return <CountdownTimer {...args} />;
|
|
};
|
|
|
|
DefaultStory.storyName = 'Default';
|
|
|