import { clsx } from 'clsx';
import AvatarView$1 from '../../avatarView/AvatarView.mjs';
import { useListItemMedia } from '../useListItemMedia.mjs';
import { jsx } from 'react/jsx-runtime';

const AvatarView = ({
  className,
  size = 48,
  ...props
}) => {
  useListItemMedia(size);
  return /*#__PURE__*/jsx(AvatarView$1, {
    ...props,
    size: size,
    className: clsx('wds-list-item-media-avatar-view', className)
  });
};
AvatarView.displayName = 'ListItem.AvatarView';

export { AvatarView };
//# sourceMappingURL=ListItemAvatarView.mjs.map
