/
githubmirror
/
docusaurus
Обзор
Документация
Войти
/
githubmirror
/
docusaurus
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/docusaurus-theme-classic/src/theme/BlogLayout/index.tsx
36 строк
1 KB
Sébastien Lorber
refactor: prepare types for React 19 (#10746)
06 дек 2024, 20:03
Не верифицирован
06 дек 2024, 20:03
f9825af
Код
Авторство
О чём код?
/** * 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 Layout from '@theme/Layout'; import BlogSidebar from '@theme/BlogSidebar'; import type {Props} from '@theme/BlogLayout'; export default function BlogLayout(props: Props): ReactNode { const {sidebar, toc, children, ...layoutProps} = props; const hasSidebar = sidebar && sidebar.items.length > 0; return ( <Layout {...layoutProps}> <div className="container margin-vert--lg"> <div className="row"> <BlogSidebar sidebar={sidebar} /> <main className={clsx('col', { 'col--7': hasSidebar, 'col--9 col--offset-1': !hasSidebar, })}> {children} </main> {toc && <div className="col col--2">{toc}</div>} </div> </div> </Layout> ); }