Initial commit

src/renderer/components/modal/PaperTextBox.tsx

@@ -0,0 +1,33 @@
+import { Button, makeStyles, Paper, Typography } from '@material-ui/core';
+
+const useStyles = makeStyles((theme) => ({
+  logsOuter: {
+    overflow: 'auto',
+    padding: theme.spacing(1),
+    marginTop: theme.spacing(1),
+    marginBottom: theme.spacing(1),
+    maxHeight: '10rem',
+  },
+  copyButton: {
+    marginTop: theme.spacing(1),
+  },
+}));
+
+export default function PaperTextBox({ stdOut }: { stdOut: string }) {
+  const classes = useStyles();
+
+  function handleCopyLogs() {
+    throw new Error('Not implemented');
+  }
+
+  return (
+    <Paper className={classes.logsOuter} variant="outlined">
+      <Typography component="pre" variant="body2">
+        {stdOut}
+      </Typography>
+      <Button onClick={handleCopyLogs} className={classes.copyButton}>
+        Copy
+      </Button>
+    </Paper>
+  );
+}