accounts-frontend/packages/app/components/profile/Profile.story.tsx

import React, { ComponentType } from 'react';
import { storiesOf } from '@storybook/react';

import rootStyles from 'app/pages/root/root.scss';
import profileStyles from 'app/pages/profile/profile.scss';

export const ProfileLayout: ComponentType = ({ children }) => (
    <div className={rootStyles.wrapper}>
        <div className={profileStyles.container}>{children}</div>
    </div>
);

import Profile from './Profile';

storiesOf('Components/Profile', module).add('Profile', () => (
    <ProfileLayout>
        <Profile
            user={{
                id: 1,
                username: 'ErickSkrauch',
                email: 'erickskrauch@ely.by',
                hasMojangUsernameCollision: true,
                isActive: true,
                isGuest: false,
                isDeleted: false,
                isOtpEnabled: true,
                lang: 'unknown',
                passwordChangedAt: 1595328712,
                uuid: 'f82f5f58-918c-4b22-8232-b28849775547',
                shouldAcceptRules: false,
                avatar: '',
                token: '',
            }}
            activeLocale={'en'}
        />
    </ProfileLayout>
));