import React from 'react'; import { AvatarAccount } from '../avatar-account'; import { AVATAR_ACCOUNT_TYPES } from '../avatar-account/avatar-account.constants'; import { AvatarNetwork } from '../avatar-network'; import Box from '../../ui/box/box'; import { ALIGN_ITEMS, DISPLAY, SIZES, } from '../../../helpers/constants/design-system'; import { AVATAR_WITH_BADGE_POSTIONS } from './avatar-with-badge.constants'; import README from './README.mdx'; import { AvatarWithBadge } from './avatar-with-badge'; export default { title: 'Components/ComponentLibrary/AvatarWithBadge', id: __filename, component: AvatarWithBadge, parameters: { docs: { page: README, }, }, argTypes: { badgePosition: { options: Object.values(AVATAR_WITH_BADGE_POSTIONS), control: 'select', }, }, args: { badgePosition: AVATAR_WITH_BADGE_POSTIONS.top, }, }; export const DefaultStory = (args) => ( } {...args} > ); DefaultStory.storyName = 'Default'; export const BadgePosition = () => ( } > } > );