Create a lead component (#21311)

* Create a lead component

* Update to remove markdown-body from Lead, copy over <code> styles

* ...so I can read the test output

* Update Lead.tsx

* Update Lead.tsx

components/ui/Lead/Lead.tsx

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react'
+import cx from 'classnames'
+import styles from './Lead.module.scss'
+
+export type LeadPropsT = {
+  children: string | ReactNode
+  className?: string
+  as?: keyof JSX.IntrinsicElements
+}
+
+export function Lead({ children, className, as: Component = 'div', ...restProps }: LeadPropsT) {
+  return (
+    <Component
+      className={cx('f2 color-text-secondary mb-3', styles.container, className)}
+      {...restProps}
+      {...(typeof children === 'string'
+        ? { dangerouslySetInnerHTML: { __html: children } }
+        : { children })}
+    />
+  )
+}