From 6c882ee4aa936c828fb3410d4134fa01c8a86432 Mon Sep 17 00:00:00 2001
From: jerrywu001 <57242263@163.com>
Date: Wed, 1 Mar 2023 10:12:02 +0800
Subject: [PATCH] feat: update rtl option

---
 sandpack-react/src/Playground.stories.tsx       | 12 ------------
 sandpack-react/src/presets/Sandpack.stories.tsx | 13 +++++++++++++
 sandpack-react/src/presets/Sandpack.tsx         |  2 +-
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/sandpack-react/src/Playground.stories.tsx b/sandpack-react/src/Playground.stories.tsx
index 421612113..127f57d64 100644
--- a/sandpack-react/src/Playground.stories.tsx
+++ b/sandpack-react/src/Playground.stories.tsx
@@ -23,15 +23,3 @@ export const Basic: React.FC = () => {
     </>
   );
 };
-export const RtlLayout: React.FC = () => {
-  return (
-    <>
-      <Sandpack
-        options={{
-          rtl: true,
-        }}
-        template="react"
-      />
-    </>
-  );
-};
diff --git a/sandpack-react/src/presets/Sandpack.stories.tsx b/sandpack-react/src/presets/Sandpack.stories.tsx
index d6c51838a..d51372ace 100644
--- a/sandpack-react/src/presets/Sandpack.stories.tsx
+++ b/sandpack-react/src/presets/Sandpack.stories.tsx
@@ -329,3 +329,16 @@ Write-Output $example`,
     }}
   />
 );
+
+export const RtlLayout: React.FC = () => {
+  return (
+    <>
+      <Sandpack
+        options={{
+          rtl: true,
+        }}
+        template="react"
+      />
+    </>
+  );
+};
diff --git a/sandpack-react/src/presets/Sandpack.tsx b/sandpack-react/src/presets/Sandpack.tsx
index 5e764149f..31d636695 100644
--- a/sandpack-react/src/presets/Sandpack.tsx
+++ b/sandpack-react/src/presets/Sandpack.tsx
@@ -345,7 +345,7 @@ const consoleWrapper = css({
   overflow: "hidden",
 });
 
-export const rtlLayoutClassName = css({
+const rtlLayoutClassName = css({
   flexDirection: "row-reverse",
 
   "@media screen and (max-width: 768px)": {