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.
25 lines
659 B
25 lines
659 B
import React from 'react'; |
|
import { ComponentStory, ComponentMeta } from '@storybook/react'; |
|
import { subHours } from 'date-fns'; |
|
import { Statusbar } from './Statusbar'; |
|
|
|
export default { |
|
title: 'owncast/Player/Status bar', |
|
component: Statusbar, |
|
parameters: {}, |
|
} as ComponentMeta<typeof Statusbar>; |
|
|
|
const Template: ComponentStory<typeof Statusbar> = args => <Statusbar {...args} />; |
|
|
|
export const Online = Template.bind({}); |
|
Online.args = { |
|
online: true, |
|
viewerCount: 42, |
|
lastConnectTime: subHours(new Date(), 3), |
|
}; |
|
|
|
export const Offline = Template.bind({}); |
|
Offline.args = { |
|
online: false, |
|
lastDisconnectTime: subHours(new Date(), 3), |
|
};
|
|
|