From c55b15551f9a125ae576e958abbc8fae54809a92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=88=98=20MINSOO=20KIM?=
 <alstn113@gmail.com>
Date: Thu, 1 Dec 2022 17:34:16 +0900
Subject: [PATCH] fix: example button position

---
 example/react-ts/package.json |  2 +-
 example/react-ts/src/App.tsx  | 13 +++++++++++--
 example/react-ts/yarn.lock    |  8 ++++----
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/example/react-ts/package.json b/example/react-ts/package.json
index 98c11de..79350ef 100644
--- a/example/react-ts/package.json
+++ b/example/react-ts/package.json
@@ -14,7 +14,7 @@
     "framer-motion": "^7.6.15",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "wap-ui": "^1.0.0-beta.26"
+    "wap-ui": "^1.0.0-beta.28"
   },
   "devDependencies": {
     "@types/react": "^18.0.24",
diff --git a/example/react-ts/src/App.tsx b/example/react-ts/src/App.tsx
index d2c9db8..46c2365 100644
--- a/example/react-ts/src/App.tsx
+++ b/example/react-ts/src/App.tsx
@@ -1,9 +1,10 @@
+import styled from '@emotion/styled';
 import { Button, Modal, useDisclosure } from 'wap-ui';
 
 function App() {
   const { isOpen, onClose, onOpen } = useDisclosure();
   return (
-    <>
+    <Container>
       <Button color="error" shadow onClick={onOpen}>
         Button
       </Button>
@@ -27,8 +28,16 @@ function App() {
           </Button>
         </Modal.Footer>
       </Modal>
-    </>
+    </Container>
   );
 }
 
+const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+`;
+
 export default App;
diff --git a/example/react-ts/yarn.lock b/example/react-ts/yarn.lock
index 3cc3ed9..96261f2 100644
--- a/example/react-ts/yarn.lock
+++ b/example/react-ts/yarn.lock
@@ -1092,10 +1092,10 @@ vite@^3.2.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
-wap-ui@^1.0.0-beta.26:
-  version "1.0.0-beta.26"
-  resolved "https://registry.yarnpkg.com/wap-ui/-/wap-ui-1.0.0-beta.26.tgz#f3a1c2ea48737b361b6730343f0a2cfc9325480a"
-  integrity sha512-MvZ9XSG0Cz5bBgL6CF9oyZdykI+yfVoBOLUgrnpIOpuYpVH+gsRUFQrCwOR1OlRR/D6CVBbtWsIeMvP5ahjgqA==
+wap-ui@^1.0.0-beta.28:
+  version "1.0.0-beta.28"
+  resolved "https://registry.yarnpkg.com/wap-ui/-/wap-ui-1.0.0-beta.28.tgz#e71b30e1ab3d0d3a5ad4bf7349cfecf7111130fd"
+  integrity sha512-EHDZApxOSkTVOgpNOYsuHilireEuk4fT+zBotWy6Hfzc0d4/CRFpKG9xP+3uOm0QFAeUiXtSS2GLcXHCAV+ucg==
 
 yaml@^1.10.0:
   version "1.10.2"