From a56397a06f4a038c041f8d3f5d8bda53ca13560c Mon Sep 17 00:00:00 2001
From: Nikki Massaro <massaro@adobe.com>
Date: Tue, 9 Dec 2025 09:22:53 -0500
Subject: [PATCH] docs(asset): modified asset story

---
 .../swc/components/asset/stories/asset.stories.ts   | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/2nd-gen/packages/swc/components/asset/stories/asset.stories.ts b/2nd-gen/packages/swc/components/asset/stories/asset.stories.ts
index df10d95655..3990613c1d 100644
--- a/2nd-gen/packages/swc/components/asset/stories/asset.stories.ts
+++ b/2nd-gen/packages/swc/components/asset/stories/asset.stories.ts
@@ -40,8 +40,7 @@ argTypes.size = {
 // we need to use a select option and render a predefined HTML template based on the selected option
 argTypes['default-slot'] = {
     ...argTypes['default-slot'],
-    control: { type: 'select' },
-    options: [undefined, 'slotted image'],
+    control: { type: 'text' },
 };
 
 /*
@@ -77,15 +76,11 @@ export default meta;
 export const Playground: Story = {
     // since we cant't use HTML templates in a slot control,
     // we need to use a select option and render a predefined HTML template based on the selected option
-    render: (args) =>
-        html`<swc-asset label="${args.label}" variant="${args.variant}">
-            ${args['default-slot'] === 'slotted image'
-                ? html`<img src="https://picsum.photos/120/120" alt="Avatar" />`
-                : ''}
-        </swc-asset>`,
+    render: (args) => template({ ...args }),
     args: {
-        variant: 'file',
         label: 'picture.png',
+        variant: undefined,
+        'default-slot': `<img src="https://picsum.photos/120/120" alt="Avatar" />`,
     },
     tags: ['autodocs', 'dev'],
 };