From a68d864a0034f5570969f652735649ad55707c88 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Fri, 12 Jul 2024 14:08:53 +0900
Subject: [PATCH] feat(playground): apply PlaygroundLayout on Popover
 playground

---
 .../components/PopoverBlocks/Playground.tsx   | 37 +++++--------------
 1 file changed, 9 insertions(+), 28 deletions(-)

diff --git a/src/docs/components/PopoverBlocks/Playground.tsx b/src/docs/components/PopoverBlocks/Playground.tsx
index 9391cde..64edbad 100644
--- a/src/docs/components/PopoverBlocks/Playground.tsx
+++ b/src/docs/components/PopoverBlocks/Playground.tsx
@@ -1,12 +1,6 @@
-import {
-  GITHUB_COMP_PREVIEW,
-  LoadedCode,
-  type TEMPLATE,
-} from "@/components/LoadedCode.tsx";
+import type { TEMPLATE } from "@/components/LoadedCode.tsx";
 import { usePgProps } from "@/components/PgHooks.tsx";
-import { PlaygroundControl } from "@/components/Playground.tsx";
-import { Story } from "@/components/Story";
-import { TabContent, TabList, TabProvider, TabTrigger } from "@pswui/Tabs";
+import { PlaygroundLayout } from "@/components/Playground.tsx";
 import { type ControlledPopoverDemoProps, PopoverDemo } from "./Preview.tsx";
 
 interface TemplateProps extends TEMPLATE, ControlledPopoverDemoProps {}
@@ -53,25 +47,12 @@ export default function PopoverPlayground() {
   });
 
   return (
-    <>
-      <TabProvider defaultName="preview">
-        <TabList>
-          <TabTrigger name="preview">Preview</TabTrigger>
-          <TabTrigger name="code">Code</TabTrigger>
-        </TabList>
-        <TabContent name="preview">
-          <Story layout="centered">
-            <PopoverDemo {...props} />
-          </Story>
-        </TabContent>
-        <TabContent name="code">
-          <LoadedCode
-            from={GITHUB_COMP_PREVIEW("Popover")}
-            template={props}
-          />
-        </TabContent>
-      </TabProvider>
-      <PlaygroundControl props={control} />
-    </>
+    <PlaygroundLayout
+      compName="Popover"
+      props={props}
+      control={control}
+    >
+      <PopoverDemo {...props} />
+    </PlaygroundLayout>
   );
 }