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

export default {
  title: 'App Components/ChatInput/BottomAction ',
  component: BottomAction,
  argTypes: {
    variant: {
      options: ['message', 'comment'],
      control: { type: 'select' },
    },
  },
} as ComponentMeta<typeof BottomAction>;

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

Interactive.args = {
  variant: 'message',
};