From 819062af42fa4b03ba7b1a18d7936cf8af9e7fce Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Wed, 13 Mar 2024 16:08:08 +0100
Subject: [PATCH] add variant data and styling to the story

---
 .../document-schedule-modal.stories.ts        | 32 ++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/schedule-modal/document-schedule-modal.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/schedule-modal/document-schedule-modal.stories.ts
index 64a9f88a55..7ee6a08e9a 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/schedule-modal/document-schedule-modal.stories.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/schedule-modal/document-schedule-modal.stories.ts
@@ -30,6 +30,28 @@ const modalData: UmbDocumentScheduleModalData = {
 				fallbackIsoCode: null,
 			},
 		},
+		{
+			unique: 'da-dk',
+			culture: 'da-dk',
+			segment: null,
+			variant: {
+				name: 'Danish variant name',
+				culture: 'da-dk',
+				state: UmbDocumentVariantState.PUBLISHED_PENDING_CHANGES,
+				createDate: '2021-08-25T14:00:00Z',
+				publishDate: null,
+				updateDate: null,
+				segment: null,
+			},
+			language: {
+				entityType: 'language',
+				name: 'Danish',
+				unique: 'da-dk',
+				isDefault: true,
+				isMandatory: false,
+				fallbackIsoCode: null,
+			},
+		},
 	],
 };
 
@@ -45,7 +67,7 @@ const meta: Meta<UmbDocumentScheduleModalElement> = {
 		data: modalData,
 		value: modalValue,
 	},
-	decorators: [(Story) => html`<div style="width: 500px; border: 1px solid #000;">${Story()}</div>`],
+	decorators: [(Story) => html`<div style="border: 1px solid #000;">${Story()}</div>`],
 	parameters: {
 		layout: 'centered',
 		docs: {
@@ -94,3 +116,11 @@ export default meta;
 type Story = StoryObj<UmbDocumentScheduleModalElement>;
 
 export const Overview: Story = {};
+
+export const WithoutVariants: Story = {
+	args: {
+		data: {
+			options: modalData.options.slice(0, 1),
+		},
+	},
+};