Vojtech Simetka
ec42eafc2b
* feat: synchronized platform tabs * chore: rename enums to pascal case * chore: fixed typo
32 lines
820 B
TypeScript
32 lines
820 B
TypeScript
import { ReactElement, useContext } from 'react'
|
|
import TabsContainer from './TabsContainer'
|
|
import CodeBlock from './CodeBlock'
|
|
import { Context } from '../providers/Platform'
|
|
|
|
interface Props {
|
|
linux: string
|
|
mac: string
|
|
showLineNumbers?: boolean
|
|
}
|
|
|
|
export default function CodeBlockTabs(props: Props): ReactElement {
|
|
const { platform, setPlatform } = useContext(Context)
|
|
|
|
return (
|
|
<TabsContainer
|
|
index={platform}
|
|
indexChanged={setPlatform}
|
|
values={[
|
|
{
|
|
label: 'Linux',
|
|
component: <CodeBlock showLineNumbers={props.showLineNumbers} language="bash" code={props.linux} />,
|
|
},
|
|
{
|
|
label: 'macOS',
|
|
component: <CodeBlock showLineNumbers={props.showLineNumbers} language="bash" code={props.mac} />,
|
|
},
|
|
]}
|
|
/>
|
|
)
|
|
}
|