v3/packages/design-system/molecules/user-popover/UserPopover.stories.tsx

import { PopoverBase } from '@roleypoly/design-system/atoms/popover/Popover.styled';
import * as React from 'react';
import { user } from '../../fixtures/storyData';
import { UserPopover as UserPopoverComponent } from './UserPopover';

export default {
    title: 'Molecules/User Popover',
    component: UserPopoverComponent,
    args: {
        user,
    },
};

export const UserPopover = (args) => (
    <PopoverBase active>
        <UserPopoverComponent {...args} />
    </PopoverBase>
);