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.
35 lines
1.1 KiB
35 lines
1.1 KiB
import React from 'react'; |
|
import { ComponentStory, ComponentMeta } from '@storybook/react'; |
|
import OfflineBanner from '../components/ui/OfflineBanner/OfflineBanner'; |
|
import OfflineState from './assets/mocks/offline-state.png'; |
|
|
|
export default { |
|
title: 'owncast/Layout/Offline Banner', |
|
component: OfflineBanner, |
|
parameters: { |
|
design: { |
|
type: 'image', |
|
url: OfflineState, |
|
scale: 0.5, |
|
}, |
|
docs: { |
|
description: { |
|
component: `When the stream is offline the player should be replaced by this banner that can support custom text and notify actions.`, |
|
}, |
|
}, |
|
}, |
|
} as ComponentMeta<typeof OfflineBanner>; |
|
|
|
const Template: ComponentStory<typeof OfflineBanner> = args => <OfflineBanner {...args} />; |
|
|
|
export const ExampleDefault = Template.bind({}); |
|
ExampleDefault.args = { |
|
name: 'Cool stream 42', |
|
text: 'To get notifications when <server name> is back online you can follow or ask for notifications.', |
|
}; |
|
|
|
export const ExampleCustom = Template.bind({}); |
|
ExampleCustom.args = { |
|
name: 'Dull stream 31337', |
|
text: 'This is some example offline text that a streamer can leave for a visitor of the page.', |
|
};
|
|
|