vite-plugin-storybook-nextjs/dist/plugins/next-image/alias/next-image.js

This is a Vite plugin that allows you to use Next.js features in Vite. It is the basis for `@storybook/experimental-nextjs-vite` and should be used when running portable stories in Vitest.

import * as NextImageNamespace from 'next/image';
import { defaultLoader } from 'sb-original/default-loader';
import { ImageContext } from 'sb-original/image-context';
import React from 'next/dist/compiled/react';

// src/plugins/next-image/alias/next-image.tsx
var OriginalNextImage = NextImageNamespace.default;
var { getImageProps: originalGetImageProps } = NextImageNamespace;
var MockedNextImage = React.forwardRef(({ loader, ...props }, ref) => {
  const imageParameters = React.useContext(ImageContext);
  return /* @__PURE__ */ React.createElement(
    OriginalNextImage,
    {
      ref,
      ...imageParameters,
      ...props,
      loader: loader ?? defaultLoader
    }
  );
});
MockedNextImage.displayName = "NextImage";
var getImageProps = (props) => originalGetImageProps?.({ loader: defaultLoader, ...props });
var next_image_default = MockedNextImage;

export { next_image_default as default, getImageProps };