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

export default {
  title: 'App Components/Message/File',
  component: File,
  argTypes: {
    status: {
      options: ['pending', 'downloading', 'downloaded'],
      control: { type: 'select' },
    },
  },
} as ComponentMeta<typeof File>;

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

Interactive.args = {
  status: 'pending',
  message: {
    fileName: 'Sarmad CV.pdf',
    fileSize: '34kb',
    createdAt: new Date(),
    type: '',
    unRead: true,
    viewedCount: 5,
  },
};