9f7c20dae8
* Package updates * Fix up things that look broken * Add to utils * Lead now just sets font size, just use f3 where needed * Update package-lock.json * Update index.tsx * Delete bump-link.scss * Update trigger-error.js * Update components/GenericError.tsx Co-authored-by: Ash Guillaume <10384315+ashygee@users.noreply.github.com> * Update ArticlePage.tsx * Update ActionBar.tsx * Changes from meeting * Found a few more monos * Fix from a merge conflict * Missed a few f3s * Update SubLandingHero.tsx * Bye gradients * Match up breadcrumbs * Update SubLandingHero.tsx * Update lists.scss Co-authored-by: Ash Guillaume <10384315+ashygee@users.noreply.github.com>
34 lines
863 B
TypeScript
34 lines
863 B
TypeScript
import cx from 'classnames'
|
|
|
|
type Props = {
|
|
title?: React.ReactNode
|
|
sectionLink?: string
|
|
children?: React.ReactNode
|
|
className?: string
|
|
description?: string
|
|
}
|
|
export const LandingSection = ({ title, children, className, sectionLink, description }: Props) => {
|
|
return (
|
|
<div className={cx('container-xl px-3 px-md-6', className)} id={sectionLink}>
|
|
{title && (
|
|
<h2 className={cx('h1 color-text-primary', !description ? 'mb-3' : 'mb-4')}>
|
|
{sectionLink ? (
|
|
<a className="color-unset" href={`#${sectionLink}`}>
|
|
{title}
|
|
</a>
|
|
) : (
|
|
title
|
|
)}
|
|
</h2>
|
|
)}
|
|
{description && (
|
|
<div
|
|
className="color-text-secondary f4"
|
|
dangerouslySetInnerHTML={{ __html: description }}
|
|
/>
|
|
)}
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|