1
0
mirror of synced 2025-12-22 03:16:52 -05:00
Files
docs/components/article/ArticleTitle.tsx
Mike Surowiec e377d74419 React: import necessary javascripts directly (#20001)
* import javascript files directly

* move globally required js to _app

* fix: js initialization

* set next env for tests
2021-06-21 21:55:49 +00:00

25 lines
707 B
TypeScript

import { Tooltip } from '@primer/components'
import { PrinterIcon } from './PrinterIcon'
import { PrintAction } from 'components/PrintAction'
type Props = {
children: React.ReactNode
}
export const ArticleTitle = ({ children }: Props) => {
return (
<div className="d-flex flex-items-baseline flex-justify-between">
<h1 className="my-4 border-bottom-0">{children}</h1>
<div className="d-none d-lg-block ml-2">
<Tooltip aria-label="Print this article" noDelay direction="n">
<PrintAction>
<button className="btn-link Link--muted">
<PrinterIcon />
</button>
</PrintAction>
</Tooltip>
</div>
</div>
)
}