Vojtech Simetka
bc01d60728
* style: add eslint configuration as per bee-js * chore: add `plugin:react/reocommended` in `.eslintrc` Co-authored-by: nugaon <50576770+nugaon@users.noreply.github.com> * chore: add `consistent` to `array-bracket-newline` as per review * style: after automatic fixes with `npm run lint` * style: fixed all linter errors * refactor: fixed all linter warnings * chore: added missing new line at end of `.prettierrc` file Co-authored-by: nugaon <50576770+nugaon@users.noreply.github.com>
21 lines
469 B
TypeScript
21 lines
469 B
TypeScript
import type { ReactElement } from 'react'
|
|
import SyntaxHighlighter from 'react-syntax-highlighter'
|
|
|
|
interface Props {
|
|
code: string
|
|
language: string
|
|
showLineNumbers?: boolean
|
|
}
|
|
|
|
const CodeBlock = (props: Props): ReactElement => {
|
|
return (
|
|
<div style={{ textAlign: 'left' }}>
|
|
<SyntaxHighlighter language={props.language} showLineNumbers={props.showLineNumbers}>
|
|
{props.code}
|
|
</SyntaxHighlighter>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CodeBlock
|