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.
39 lines
1.0 KiB
39 lines
1.0 KiB
import React from 'react'; |
|
import { ComponentStory, ComponentMeta } from '@storybook/react'; |
|
import { SocialLinks } from './SocialLinks'; |
|
|
|
export default { |
|
title: 'owncast/Components/Social links', |
|
component: SocialLinks, |
|
parameters: {}, |
|
} as ComponentMeta<typeof SocialLinks>; |
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars |
|
const Template: ComponentStory<typeof SocialLinks> = args => <SocialLinks {...args} />; |
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars |
|
export const Populated = Template.bind({}); |
|
Populated.args = { |
|
links: [ |
|
{ |
|
platform: 'github', |
|
url: 'https://github.com/owncast/owncast', |
|
icon: '/img/platformlogos/github.svg', |
|
}, |
|
{ |
|
platform: 'Documentation', |
|
url: 'https://owncast.online', |
|
icon: '/img/platformlogos/link.svg', |
|
}, |
|
{ |
|
platform: 'mastodon', |
|
url: 'https://fosstodon.org/users/owncast', |
|
icon: '/img/platformlogos/mastodon.svg', |
|
}, |
|
], |
|
}; |
|
|
|
export const Empty = Template.bind({}); |
|
Empty.args = { |
|
links: [], |
|
};
|
|
|