addons/interactions/src/components/Subnav/Subnav.stories.tsx
import { action } from '@storybook/addon-actions';
import { CallStates } from '@storybook/instrumenter';
import { Subnav } from './Subnav';
export default {
title: 'Addons/Interactions/Subnav',
component: Subnav,
args: {
controls: {
start: action('start'),
back: action('back'),
goto: action('goto'),
next: action('next'),
end: action('end'),
},
controlStates: {
debugger: true,
start: true,
back: true,
goto: true,
next: false,
end: false,
},
storyFileName: 'Subnav.stories.tsx',
hasNext: true,
hasPrevious: true,
},
};
export const Pass = {
args: {
status: CallStates.DONE,
},
};
export const Fail = {
args: {
status: CallStates.ERROR,
},
};
export const Runs = {
args: {
status: CallStates.WAITING,
},
};
export const AtStart = {
args: {
status: CallStates.WAITING,
controlStates: {
debugger: true,
start: false,
back: false,
goto: true,
next: true,
end: true,
},
},
};
export const Midway = {
args: {
status: CallStates.WAITING,
controlStates: {
debugger: true,
start: true,
back: true,
goto: true,
next: true,
end: true,
},
},
};
export const Locked = {
args: {
status: CallStates.ACTIVE,
controlStates: {
debugger: true,
start: false,
back: false,
goto: false,
next: false,
end: false,
},
},
};