Image: update stories to import from @fluentui/react-components (#23863)

Author: TristanWatanabe

packages/react-components/react-image/src/stories/Image/ImageBlock.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 export const Block = () => (
   <>

packages/react-components/react-image/src/stories/Image/ImageBordered.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 export const Bordered = () => (
   <div>

packages/react-components/react-image/src/stories/Image/ImageDefault.stories.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import type { ImageProps } from '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
+import type { ImageProps } from '@fluentui/react-components';
 import type { ArgTypes, Parameters } from '@storybook/react';
-import { Image } from '@fluentui/react-image';
 
 export const Default = (props: ImageProps) => {
   return <Image {...props} />;

packages/react-components/react-image/src/stories/Image/ImageFallback.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 export const Fallback = () => (
   <div style={{ display: 'flex', gap: 8 }}>

packages/react-components/react-image/src/stories/Image/ImageFit.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 export const Fit = () => (
   <>

packages/react-components/react-image/src/stories/Image/ImageShadow.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 export const Shadow = () => (
   <Image shadow src="https://fabricweb.azureedge.net/fabric-website/placeholders/300x300.png" />

packages/react-components/react-image/src/stories/Image/ImageShape.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 
 export const Shape = () => (
   <div style={{ display: 'flex', gap: 8 }}>

packages/react-components/react-image/src/stories/Image/index.stories.tsx

@@ -1,4 +1,4 @@
-import { Image } from '@fluentui/react-image';
+import { Image } from '@fluentui/react-components';
 import type { Meta } from '@storybook/react';
 import descriptionMd from './ImageDescription.md';
 import bestPracticesMd from './ImageBestPractices.md';