Function Item

packages/shared/src/components/profile/UserStats.tsx:23–37

({
  stat,
  ...props
}: {
  stat: { title: string; amount: number };
  onClick?: () => void;
  className?: string;
})

const ItemWrapper = classed('div', 'flex items-center gap-1');
const Item = ({
  stat,
  ...props
}: {
  stat: { title: string; amount: number };
  onClick?: () => void;
  className?: string;
}) => (
  <ItemWrapper {...props} data-testid={stat?.title}>
    <b className="text-text-primary typo-subhead">
      {largeNumberFormat(stat?.amount || 0)}
    </b>
    <span className="capitalize">{stat?.title}</span>
  </ItemWrapper>
);

export function UserStats({ stats, userId }: UserStatsProps): ReactElement {
  const { openModal } = useLazyModal<