v3/packages/design-system/organisms/app-shell/AppShell.stories.tsx

import * as React from 'react';
import { mastheadSlugs, user } from '../../fixtures/storyData';
import { AppShell } from './AppShell';

export default {
    title: 'Organisms/App Shell',
    component: AppShell,
};

export const Guest = () => (
    <AppShell showFooter user={null}>
        <h1>Hello World</h1>
    </AppShell>
);

export const LoggedIn = () => (
    <AppShell user={user} guilds={mastheadSlugs}>
        <h1>Hello World</h1>
    </AppShell>
);