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>
);