chore: housekeeping

synopsisapp · Aug 28, 2024 · 9ff1f56 · 9ff1f56
1 parent ec1aab6
commit 9ff1f56
Showing 1 changed file with 18 additions and 32 deletions.
diff --git a/examples/storybook/src/stories/Tooltip.stories.tsx b/examples/storybook/src/stories/Tooltip.stories.tsx
@@ -6,20 +6,20 @@ const meta: Meta<typeof Tooltip.Root> = {
   title: "Components/Tooltip",
   component: Tooltip.Root,
   tags: ["autodocs"],
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Tooltip.Root>;
-
-export const Uncontrolled: Story = {
   decorators: [
     (Story) => (
       <div className="flex flex-col gap-4 items-start">
         <Story />
       </div>
     ),
   ],
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Tooltip.Root>;
+
+export const Uncontrolled: Story = {
   render: (args: TooltipProps["Root"]) => (
     <Tooltip.Root {...args}>
       <Tooltip.Trigger>
@@ -65,13 +65,6 @@ export const Uncontrolled: Story = {
 };
 
 export const Controlled: Story = {
-  decorators: [
-    (Story) => (
-      <div className="flex flex-col gap-4 items-start">
-        <Story />
-      </div>
-    ),
-  ],
   render: (args) => {
     const [open, setOpen] = React.useState(false);
     return (
@@ -87,18 +80,18 @@ export const Controlled: Story = {
     docs: {
       source: {
         code: `
-        const ControlledTooltip = () => {
-          const [open, setOpen] = React.useState(false);
+const ControlledTooltip = () => {
+  const [open, setOpen] = React.useState(false);
 
-          return (
-              <Tooltip.Root  open={open} onOpenChange={setOpen}>
-                <Tooltip.Trigger>
-                  <span>Hover me</span>
-                </Tooltip.Trigger>
-                <Tooltip.Content label="Controlled Tooltip" />
-              </Tooltip.Root>
-          );
-        };
+  return (
+      <Tooltip.Root  open={open} onOpenChange={setOpen}>
+        <Tooltip.Trigger>
+          <span>Hover me</span>
+        </Tooltip.Trigger>
+        <Tooltip.Content label="Controlled Tooltip" />
+      </Tooltip.Root>
+  );
+};
         `,
         language: "jsx",
         type: "code",
@@ -108,13 +101,6 @@ export const Controlled: Story = {
 };
 
 export const CustomContent: Story = {
-  decorators: [
-    (Story) => (
-      <div className="flex flex-col gap-4 items-start">
-        <Story />
-      </div>
-    ),
-  ],
   render: (args: TooltipProps["Root"]) => (
     <Tooltip.Root {...args}>
       <Tooltip.Trigger>