/
githubmirror
/
docusaurus
Обзор
Документация
Войти
/
githubmirror
/
docusaurus
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/docusaurus-theme-classic/src/theme/CodeBlock/Layout/index.tsx
34 строки
1 KB
Sébastien Lorber
refactor(theme): introduce CodeBlockContextProvider + split into smaller components (#11062)
04 апр 2025, 21:11
Не верифицирован
04 апр 2025, 21:11
31b279f
Код
Авторство
О чём код?
/** * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ import React, {type ReactNode} from 'react'; import clsx from 'clsx'; import {useCodeBlockContext} from '@docusaurus/theme-common/internal'; import Container from '@theme/CodeBlock/Container'; import Title from '@theme/CodeBlock/Title'; import Content from '@theme/CodeBlock/Content'; import type {Props} from '@theme/CodeBlock/Layout'; import Buttons from '@theme/CodeBlock/Buttons'; import styles from './styles.module.css'; export default function CodeBlockLayout({className}: Props): ReactNode { const {metadata} = useCodeBlockContext(); return ( <Container as="div" className={clsx(className, metadata.className)}> {metadata.title && ( <div className={styles.codeBlockTitle}> <Title>{metadata.title}</Title> </div> )} <div className={styles.codeBlockContent}> <Content /> <Buttons /> </div> </Container> ); }