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

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

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

Interactive.args = {
  isHovered: true,
  isSheetOpen: true,
};