lines: string[];
className?: string;
apiResponse?: boolean;
- containerClassName?: string;
}
type CodeSnippetProps = CodeSnippetDataProps & WithStyles<CssRules>;
export const CodeSnippet = withStyles(styles)(
- ({ classes, lines, className, containerClassName, apiResponse }: CodeSnippetProps) =>
+ ({ classes, lines, className, apiResponse }: CodeSnippetProps) =>
<Typography
- component="div"
- className={classNames(classes.root, containerClassName, className)}>
- { lines.map((line: string, index: number) => {
- return <Typography key={index} className={apiResponse ? classes.space : className} component="pre">{line}</Typography>;
- }) }
+ component="div"
+ className={classNames(classes.root, className)}>
+ <Typography className={apiResponse ? classes.space : className} component="pre">
+ {lines.join('\n')}
+ </Typography>
</Typography>
- );
\ No newline at end of file
+ );