import { Meta, StoryFn } from "@storybook/react";
import {
  ProfileSidebarList,
  ProfileSidebarListProps,
} from "../ProfileSidebarList";
import React from "react";
import { ProfileSidebarItem } from "../../molecules/ProfileSidebarItem";
import { ProfileCommunityLinkItem } from "../../molecules/ProfileCommunityLinkItem";
export default {
  title: "Organisms/Profile Sidebar List",
  component: ProfileSidebarList,
} as Meta;
import { profileItems } from "../../../common/data";

const Template: StoryFn<ProfileSidebarListProps> = (args) => (
  <ProfileSidebarList {...args} />
);

export const Default = Template.bind({});
Default.args = {
  title: "People you might know",
  containerClassName: "p-9",
  listItems: profileItems.map((item, index) => {
    return <ProfileSidebarItem key={index} {...item} />;
  }),
};
export const Community = Template.bind({});
Community.args = {
  title: "Communities you might like",
  containerClassName: "p-9",
  listItems: profileItems.map((item, index) => {
    return <ProfileCommunityLinkItem key={index} {...item} />;
  }),
};
