'use strict';

var Image$1 = require('../../image/Image.js');
var clsx = require('clsx');
var useListItemMedia = require('../useListItemMedia.js');
var jsxRuntime = require('react/jsx-runtime');

const Image = ({
  alt = '',
  size = 48,
  className,
  ...props
}) => {
  useListItemMedia.useListItemMedia(size);
  return /*#__PURE__*/jsxRuntime.jsx("div", {
    className: clsx.clsx('wds-list-item-media-image-wrapper'),
    style: {
      '--wds-list-item-media-size': `${size}px`
    },
    children: /*#__PURE__*/jsxRuntime.jsx(Image$1.default, {
      ...props,
      className: clsx.clsx(className, 'wds-list-item-media-image'),
      alt: alt,
      role: alt ? undefined : 'presentation'
    })
  });
};
Image.displayName = 'ListItem.Image';

exports.Image = Image;
//# sourceMappingURL=ListItemImage.js.map
