Add stories with fewer cards

Author: domlander

dotcom-rendering/src/components/MoreGalleries.stories.tsx

@@ -12,7 +12,7 @@ export default meta;
 
 type Story = StoryObj<typeof meta>;
 
-export const MoreGalleries = {
+export const Default = {
 	args: {
 		discussionApiUrl: 'https://discussion.theguardian.com/discussion-api',
 		guardianBaseUrl: 'https://www.theguardian.com',
@@ -24,3 +24,35 @@ export const MoreGalleries = {
 		},
 	},
 } satisfies Story;
+
+export const WithFourCards = {
+	...Default,
+	args: {
+		...Default.args,
+		trails: galleryOnwardsTrails.slice(0, 4),
+	},
+} satisfies Story;
+
+export const WithThreeCards = {
+	...Default,
+	args: {
+		...Default.args,
+		trails: galleryOnwardsTrails.slice(0, 3),
+	},
+} satisfies Story;
+
+export const WithTwoCards = {
+	...Default,
+	args: {
+		...Default.args,
+		trails: galleryOnwardsTrails.slice(0, 2),
+	},
+} satisfies Story;
+
+export const WithOneCard = {
+	...Default,
+	args: {
+		...Default.args,
+		trails: galleryOnwardsTrails.slice(0, 1),
+	},
+} satisfies Story;