v3/packages/design-system/organisms/server-setup/ServerSetup.stories.tsx

import { UserGuildPermissions } from '@roleypoly/types';
import { mastheadSlugs } from '../../fixtures/storyData';
import { ServerSetup } from './ServerSetup';

export default {
  title: 'Organisms/Server Setup',
  component: ServerSetup,
};

export const asAdmin = () => (
  <ServerSetup
    guildSlug={{ ...mastheadSlugs[1], permissionLevel: UserGuildPermissions.Admin }}
  />
);
export const asManager = () => (
  <ServerSetup
    guildSlug={{
      ...mastheadSlugs[1],
      permissionLevel: UserGuildPermissions.Manager,
    }}
  />
);
export const asUser = () => (
  <ServerSetup guildSlug={{ ...mastheadSlugs[1], permissionLevel: 0 }} />
);