From 3649c8dd6aab49309adc14f0c2e7ee6bbdaae1f5 Mon Sep 17 00:00:00 2001
From: Marco Ciampini <marco.ciampo@gmail.com>
Date: Wed, 9 Oct 2024 16:55:34 +0200
Subject: [PATCH] Add temporary storybook examples

---
 .../src/tooltip/stories/index.story.tsx       | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/packages/components/src/tooltip/stories/index.story.tsx b/packages/components/src/tooltip/stories/index.story.tsx
index b006bc03aced9..0dfc96a62e8b0 100644
--- a/packages/components/src/tooltip/stories/index.story.tsx
+++ b/packages/components/src/tooltip/stories/index.story.tsx
@@ -36,6 +36,16 @@ const meta: Meta< typeof Tooltip > = {
 		controls: { expanded: true },
 		docs: { canvas: { sourceState: 'shown' } },
 	},
+	decorators: [
+		( Story ) => {
+			return (
+				<>
+					<p id="test-description">Button's description</p>
+					<Story />
+				</>
+			);
+		},
+	],
 };
 export default meta;
 
@@ -74,3 +84,19 @@ Nested.args = {
 	),
 	text: 'Outer tooltip text',
 };
+
+export const AlreadyWithDescription: StoryFn< typeof Tooltip > = Template.bind(
+	{}
+);
+AlreadyWithDescription.args = {
+	children: (
+		<button aria-describedby="test-description">Tooltip Anchor</button>
+	),
+	text: 'Tooltip Text',
+};
+
+export const SameLabel: StoryFn< typeof Tooltip > = Template.bind( {} );
+SameLabel.args = {
+	children: <button aria-label="Button label">Tooltip Anchor</button>,
+	text: 'Button label',
+};