Render code snippet from nextra

[marek-hanzal]

Hello,

I would like to ask, how to render code fragment usually found in md(x) files in a custom components?

import {
    Tab,
    Tabs
} from "nextra-theme-docs";
import {type FC}   from "react";

export interface IInstallProps {
    packages: string[];
}

export const Install: FC<IInstallProps> = ({packages}) => {
    return <Tabs items={['npm', 'pnpm', 'yarn']}>
        <Tab>

           {* What to use here to render a code snippet? *}

            ```bash copy filename="npm"
            npm i @leight/calendar-client
            ```
        </Tab>
        <Tab>
            ```bash copy filename="pnpm"
            pnpm i @leight/calendar-client
            ```
        </Tab>
        <Tab>
            ```bash copy filename="yarn"
            yarn add @leight/calendar-client
            ```
        </Tab>
    </Tabs>
}

Thank you :)!

P.S. Great work, I really like this tool, more than I've expected