import React from 'react';
import { useCdn } from '@moonwalker/lifesupport';

import { Img as BaseComponent } from './component';

/**
 * @param {import('../../types').ImgProps & React.ComponentProps<'img'>} props
 * @returns {React.FunctionComponentElement}
 */
export const Img = (props) => {
  const { getImageUrl } = useCdn();
  return <BaseComponent {...props} getImageUrl={getImageUrl} />;
};
