import type { Story, Meta } from '@storybook/react';
import { LinksList, LinksListProps } from './links-list';

export default {
  component: LinksList,
  title: 'Right Side Bar Components/Links List',
  argTypes: {
    title: {
      description: 'Title of the component - used as key, should be unique.'
    },
    links: {
      description: 'List of links to display.'
    }
  }
} as Meta;

const Template: Story<LinksListProps> = args => <LinksList {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  title: 'Nothing but a title',
  links: [
    {
      href: '#',
      children: 'Link1'
    },
    {
      href: '#',
      children: 'Link2'
    },
    {
      href: '#',
      children: 'Link3'
    },
    {
      href: '#',
      children: 'Link4'
    }
  ]
};
