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

export default {
  title: 'App Components/ Chat / Input Status',
  component: ChatStatus,
  argTypes: {
    variant: {
      options: ['typing', 'audio-recording', 'video-recording', 'file-uploading'],
      control: { type: 'select' },
    },
  },
} as ComponentMeta<typeof ChatStatus>;

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

Interactive.args = {
  name: 'Sarmad',
  variant: 'typing',
};
