Add showConsole prop to conditionally display the Console tab

README.md

@@ -92,6 +92,7 @@ https://www.agney.dev/blog/introducing-playground
 |   transformJs    |             Transform the JavaScript using Babel. This is required if you want bare module imports              |                                            false                                            |  false   |
 |     presets      | Array of presets you want Babel to transform. This works only if transformJs is true. Eg. `["react", "es2015"]` |                                                                                             |  false   |
 |      theme       |                             Pass in the theme variables to customise the appearance                             | [Our Theme](https://github.com/agneym/playground/blob/master/playground/src/utils/theme.ts) |  false   |
+|   showConsole    |                  Controls the visibility of the console tab. Possible values: `true`, `false`                   |                                           `true`                                            |  false   |
 
 ### Format for initial snippet
 

example/src/index.js

@@ -22,6 +22,7 @@ const app = html\`
 render(app, document.getElementById('app'));
     `,
   };
+
   return (
     <div style={{ width: "80%", margin: "0 auto" }}>
       <Playground
@@ -30,6 +31,7 @@ render(app, document.getElementById('app'));
         defaultResultTab="result"
         mode="dark"
         transformJs
+        showConsole={true}
       />
     </div>
   );

playground/src/Playground.tsx

@@ -31,6 +31,7 @@ interface IProps {
   id?: string;
   theme?: DefaultTheme;
   mode: ColorMode;
+  showConsole?: boolean;
 }
 
 const Playground: FC<IProps> = ({
@@ -42,6 +43,7 @@ const Playground: FC<IProps> = ({
   presets = [],
   theme,
   mode = "light",
+  showConsole = true,
 }) => {
   const [snippet, setSnippet] = useState<ISnippet>(initialSnippet);
   const id = useId(userId) as string;
@@ -73,6 +75,7 @@ const Playground: FC<IProps> = ({
               defaultTab={defaultResultTab}
               transformJs={transformJs}
               presets={presets}
+              showConsole={showConsole}
             />
           )}
         />

playground/src/Result/index.tsx

@@ -18,6 +18,7 @@ interface IProps {
   transformJs: boolean;
   presets: string[];
   width: number;
+  showConsole?: boolean;
 }
 
 const Result: FC<IProps> = ({
@@ -27,14 +28,17 @@ const Result: FC<IProps> = ({
   defaultTab,
   transformJs,
   width,
+  showConsole = true,
 }) => {
   const [logs, setLogs] = useState<unknown[]>([]);
   const tabs: Readonly<ITabConfig<IResultTabs>[]> = useMemo(
     () => [
       { name: "Result", value: "result" as IResultTabs },
-      { name: "Console", value: "console" as IResultTabs },
+      ...(showConsole
+        ? [{ name: "Console", value: "console" as IResultTabs }]
+        : []),
     ],
-    []
+    [showConsole]
   );
   useEffect(() => {
     function waitForMessage() {