feat: add audit page title, subtitle, and CLI snippet (#3419)

* resolves #3356

* scaffolded out new audit page header

resolves #3357

* added tests and stories

* run prettier
This commit is contained in:
Kira Pilot
2022-08-08 21:08:36 -04:00
committed by GitHub
parent 049e7cb5df
commit e62677efab
10 changed files with 163 additions and 16 deletions

View File

@ -8,18 +8,28 @@ export interface CodeExampleProps {
code: string
className?: string
buttonClassName?: string
tooltipTitle?: string
}
/**
* Component to show single-line code examples, with a copy button
*/
export const CodeExample: FC<CodeExampleProps> = ({ code, className, buttonClassName }) => {
export const CodeExample: FC<CodeExampleProps> = ({
code,
className,
buttonClassName,
tooltipTitle,
}) => {
const styles = useStyles()
return (
<div className={combineClasses([styles.root, className])}>
<code className={styles.code}>{code}</code>
<CopyButton text={code} buttonClassName={combineClasses([styles.button, buttonClassName])} />
<CopyButton
text={code}
tooltipTitle={tooltipTitle}
buttonClassName={combineClasses([styles.button, buttonClassName])}
/>
</div>
)
}