Carousel component plus story

src/components/Carousel.tsx

@@ -0,0 +1,15 @@
+type carouselProps = {
+    text: string;
+    numItems?: number;
+
+}
+
+export default function Carousel({text,numItems}: carouselProps) {
+
+  return (
+    <div className= 'bg-blue-800'>
+        {text}
+        <p>There are {numItems} items.</p>
+    </div>
+  );
+}

src/stories/carousel.stories.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+
+import Carousel from '@/components/Carousel';
+
+const meta = {
+  component: Carousel,
+} satisfies Meta<typeof Carousel>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    text: "This is a carousel",
+    numItems: 3,
+  },
+};