{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroupItem/AvatarGroupItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nimport type { AvatarGroupItemProps } from './AvatarGroupItem.types';\nimport { useAvatarGroupItem } from './useAvatarGroupItem';\nimport { renderAvatarGroupItem } from './renderAvatarGroupItem';\n\n/**\n * An AvatarGroupItem represents a single Avatar inside an AvatarGroup. When rendered\n * inside an AvatarGroupPopover it is displayed as an overflow item with its name label.\n */\nexport const AvatarGroupItem: ForwardRefComponent<AvatarGroupItemProps> = React.forwardRef((props, ref) => {\n  const state = useAvatarGroupItem(props, ref);\n\n  return renderAvatarGroupItem(state);\n});\n\nAvatarGroupItem.displayName = 'AvatarGroupItem';\n"],"names":["AvatarGroupItem","React","forwardRef","props","ref","state","useAvatarGroupItem","renderAvatarGroupItem","displayName"],"mappings":"AAAA;;;;;+BAaaA;;;eAAAA;;;;iEAXU;oCAIY;uCACG;AAM/B,MAAMA,gCAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,sCAAkB,EAACH,OAAOC;IAExC,OAAOG,IAAAA,4CAAqB,EAACF;AAC/B;AAEAL,gBAAgBQ,WAAW,GAAG"}