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

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

export { AvatarLayout };
//# sourceMappingURL=ListItemAvatarLayout.mjs.map
