From 3338fc65e20ccc5796b0db67eb81a9b0cfe3256c Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Fri, 12 Jul 2024 02:56:15 +0900
Subject: [PATCH] feat(docs/popover-preview): final version of preview for
 playground

---
 src/docs/components/PopoverBlocks/Preview.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/docs/components/PopoverBlocks/Preview.tsx b/src/docs/components/PopoverBlocks/Preview.tsx
index 735812d..fb134d9 100644
--- a/src/docs/components/PopoverBlocks/Preview.tsx
+++ b/src/docs/components/PopoverBlocks/Preview.tsx
@@ -1,5 +1,6 @@
 import { Button } from "@pswui/Button";
 import { Popover, PopoverContent, PopoverTrigger } from "@pswui/Popover";
+/* remove */
 
 export interface ControlledPopoverDemoProps {
   PopoverProps: {
@@ -15,12 +16,18 @@ export interface ControlledPopoverDemoProps {
   };
 }
 
+/* end */
+
+/* replace */
 export function PopoverDemo({
   PopoverProps,
   PopoverContentProps,
 }: ControlledPopoverDemoProps) {
+  /* with
+export function PopoverDemo() {
+  */
   return (
-    <Popover {...PopoverProps}>
+    <Popover opened={PopoverProps.opened}>
       <PopoverTrigger>
         <Button size="icon">
           <svg
@@ -37,7 +44,14 @@ export function PopoverDemo({
           </svg>
         </Button>
       </PopoverTrigger>
-      <PopoverContent {...PopoverContentProps}>
+      <PopoverContent
+        direction={PopoverContentProps.direction}
+        position={PopoverContentProps.position}
+        anchor={PopoverContentProps.anchor}
+        align={PopoverContentProps.align}
+        offset={PopoverContentProps.offset}
+        className={PopoverContentProps.className}
+      >
         <Button
           preset="ghost"
           className="gap-2"