Extract PaneWithCode

Author: shepmaster

ui/frontend/.prettierignore

@@ -20,6 +20,7 @@ node_modules
 !HelpExample.tsx
 !Notifications.tsx
 !Output/OutputPrism.tsx
+!Output/PaneWithCode.tsx
 !Output/PaneWithMir.tsx
 !Output/SimplePane.tsx
 !PopButton.tsx

ui/frontend/Output.tsx

@@ -5,9 +5,9 @@ import { Focus } from './types';
 
 import Execute from './Output/Execute';
 import Gist from './Output/Gist';
-import Section from './Output/Section';
-import SimplePane, { SimplePaneProps } from './Output/SimplePane';
+import SimplePane from './Output/SimplePane';
 import PaneWithMir from './Output/PaneWithMir';
+import PaneWithCode from './Output/PaneWithCode';
 import * as selectors from './selectors';
 import { useAppDispatch, useAppSelector } from './hooks';
 
@@ -35,16 +35,6 @@ interface TabProps {
   tabProps: object;
 }
 
-const PaneWithCode: React.FC<PaneWithCodeProps> = ({ code, ...rest }) => (
-  <SimplePane {...rest}>
-    <Section kind="code" label="Result">{code}</Section>
-  </SimplePane>
-);
-
-interface PaneWithCodeProps extends SimplePaneProps {
-  code?: string;
-}
-
 const Output: React.FC = () => {
   const somethingToShow = useAppSelector(selectors.getSomethingToShow);
   const { meta: { focus }, execute, format, clippy, miri, macroExpansion, assembly, llvmIr, mir, hir, wasm, gist } =

ui/frontend/Output/PaneWithCode.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+
+import Section from './Section';
+import SimplePane, { SimplePaneProps } from './SimplePane';
+
+export interface PaneWithCodeProps extends SimplePaneProps {
+  code?: string;
+}
+
+const PaneWithCode: React.FC<PaneWithCodeProps> = ({ children, code, ...rest }) => (
+  <SimplePane {...rest}>
+    <Section kind="code" label="Result">
+      {code}
+    </Section>
+    {children}
+  </SimplePane>
+);
+
+export default PaneWithCode;