1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 05:21:17 -04:00

make sticky header optional via prop

This commit is contained in:
2022-02-16 10:30:18 -05:00
parent b6c018875f
commit 17104d765b
14 changed files with 116 additions and 120 deletions

View File

@@ -1,8 +1,7 @@
import classNames from "classnames/bind";
import classNames from "classnames";
import CopyButton from "../CopyButton/CopyButton";
import styles from "./CodeBlock.module.css";
const cx = classNames.bind(styles);
type CodeBlockProps = JSX.IntrinsicElements["code"] & {
forceBlock?: boolean;
@@ -19,7 +18,11 @@ const CodeBlock = ({ forceBlock, className, children, ...rest }: CodeBlockProps)
<div className={styles.block}>
<CopyButton source={children} className={styles.copy_btn} />
<code
className={cx(styles.code, { highlight: prismEnabled }, className?.replace("code-highlight", "").trim())}
className={classNames(
styles.code,
prismEnabled && styles.highlight,
className?.replace("code-highlight", "").trim()
)}
{...rest}
>
{children}