+ {/* eslint-disable-next-line jsx-a11y/alt-text -- `alt` should be provided by the user */}
+
+ {!isLoaded && (
+
+
+
+ )}
+
+ );
+}
+
+export const Image = forwardRef(_Image);
diff --git a/packages/components/image/src/index.ts b/packages/components/image/src/index.ts
new file mode 100644
index 0000000000..80bb311d68
--- /dev/null
+++ b/packages/components/image/src/index.ts
@@ -0,0 +1,2 @@
+export { Image } from './Image';
+export type { ImageProps } from './Image';
diff --git a/packages/components/image/stories/Image.stories.tsx b/packages/components/image/stories/Image.stories.tsx
new file mode 100644
index 0000000000..609dcb7215
--- /dev/null
+++ b/packages/components/image/stories/Image.stories.tsx
@@ -0,0 +1,42 @@
+import React from 'react';
+import type { Meta, Story } from '@storybook/react/types-6-0';
+import { Flex } from '@contentful/f36-core';
+import { SectionHeading } from '@contentful/f36-typography';
+
+import { Image, type ImageProps } from '../src/Image';
+
+export default {
+ component: Image,
+ title: 'Components/Image',
+} as Meta;
+
+export const Overview: Story