import { ComponentStory, ComponentMeta } from '@storybook/react';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { Replies } from './index';

export default {
  title: 'App Components/Message/Replies',
  component: Replies,
} as ComponentMeta<typeof Replies>;

export const Interactive: ComponentStory<typeof Replies> = (args) => {
  return (
    <SafeAreaProvider>
      <Replies {...args} />
    </SafeAreaProvider>
  );
};

Interactive.args = {
  users: [
    {
      id: '1234',
      username: 'Muhammad Sarmad',
      uri: 'https://avatars.githubusercontent.com/u/98377997',
    },

    {
      id: '144',
      username: 'Muhammad Sarmad',
      uri: 'https://avatars.githubusercontent.com/u/98377997',
    },
    {
      id: '5634',
      username: 'Muhammad Sarmad',
      uri: 'https://avatars.githubusercontent.com/u/98377997',
    },
    {
      id: '3445634',
      username: 'Muhammad Sarmad',
      uri: 'https://avatars.githubusercontent.com/u/98377997',
    },
    {
      id: '58734',
      username: 'Muhammad Sarmad',
      uri: 'https://avatars.githubusercontent.com/u/98377997',
    },
  ],
  repliesCount: 5,
};