Skip to content

Commit e703f9c

Browse files
fix(tag): ai-label story render (#19037)
1 parent afea7e2 commit e703f9c

File tree

1 file changed

+30
-33
lines changed

1 file changed

+30
-33
lines changed

packages/react/src/components/Tag/Tag.stories.js

Lines changed: 30 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -186,39 +186,36 @@ Skeleton.argTypes = {
186186
};
187187

188188
export const withAILabel = () => {
189-
const aiLabel = () => {
190-
return (
191-
<AILabel className="ai-label-container">
192-
<AILabelContent>
193-
<div>
194-
<p className="secondary">AI Explained</p>
195-
<h2 className="ai-label-heading">84%</h2>
196-
<p className="secondary bold">Confidence score</p>
197-
<p className="secondary">
198-
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed
199-
do eiusmod tempor incididunt ut fsil labore et dolore magna
200-
aliqua.
201-
</p>
202-
<hr />
203-
<p className="secondary">Model type</p>
204-
<p className="bold">Foundation model</p>
205-
</div>
206-
<AILabelActions>
207-
<IconButton kind="ghost" label="View">
208-
<View />
209-
</IconButton>
210-
<IconButton kind="ghost" label="Open Folder">
211-
<FolderOpen />
212-
</IconButton>
213-
<IconButton kind="ghost" label="Folders">
214-
<Folders />
215-
</IconButton>
216-
<Button>View details</Button>
217-
</AILabelActions>
218-
</AILabelContent>
219-
</AILabel>
220-
);
221-
};
189+
const aiLabel = (
190+
<AILabel className="ai-label-container">
191+
<AILabelContent>
192+
<div>
193+
<p className="secondary">AI Explained</p>
194+
<h2 className="ai-label-heading">84%</h2>
195+
<p className="secondary bold">Confidence score</p>
196+
<p className="secondary">
197+
Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed
198+
do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.
199+
</p>
200+
<hr />
201+
<p className="secondary">Model type</p>
202+
<p className="bold">Foundation model</p>
203+
</div>
204+
<AILabelActions>
205+
<IconButton kind="ghost" label="View">
206+
<View />
207+
</IconButton>
208+
<IconButton kind="ghost" label="Open Folder">
209+
<FolderOpen />
210+
</IconButton>
211+
<IconButton kind="ghost" label="Folders">
212+
<Folders />
213+
</IconButton>
214+
<Button>View details</Button>
215+
</AILabelActions>
216+
</AILabelContent>
217+
</AILabel>
218+
);
222219

223220
return (
224221
<div style={{ marginBottom: '4rem' }}>

0 commit comments

Comments
 (0)