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

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

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

Interactive.args = {};