import type { Meta, StoryObj } from '@storybook/react';

import SUGGESTED_CREATOR_FEED_ITEM_JSON from '@/__fixtures__/featured_feed_suggested_creator.json';
import { components } from '@/lib/gen';

import SuggestedCreatorFeedItem from './SuggestedCreatorFeedItem';

type PagePropsAndCustomArgs = React.ComponentProps<
  typeof SuggestedCreatorFeedItem
>;

const meta: Meta<PagePropsAndCustomArgs> = {
  title: 'components/feed/SuggestedCreatorFeedItem',
  component: SuggestedCreatorFeedItem,
  argTypes: {},
};

export default meta;
type Story = StoryObj<PagePropsAndCustomArgs>;

const feedItem = SUGGESTED_CREATOR_FEED_ITEM_JSON.sections[0].items[1]
  .items[3] as components['schemas']['FollowingFeedItemSchema'];

export const Default: Story = {
  render(args) {
    return <SuggestedCreatorFeedItem {...args} />;
  },
  args: {
    artistImage: feedItem.profile_schema?.avatar_image_url ?? '',
    artistName: feedItem.profile_schema?.display_name ?? '',
    artistHandle: feedItem.profile_schema?.handle ?? '',
    numberOfFollowers: feedItem.profile_schema?.stats?.followers_count ?? 0,
  },
};