Files
supabase/apps/www/components/Layouts/SectionContainer.tsx
Francesco Sansalvadore 2feda5ee19 cms www blog (#38045)
* show cms blog posts in www
* remove contentlayer from www
* outputFileTracingExcludes
* update remotePatterns
* fetch cms posts server-side with revalidation
* add cms env vars to turbo.json
* add www env vars to turbo.json
* include cms posts in www sitemap
* add migration to remove image from cms post
* update cms meta image mapping in www
2025-09-03 14:49:28 +02:00

34 lines
779 B
TypeScript

'use client'
import classNames from 'classnames'
import { Ref, forwardRef } from 'react'
interface Props {
children: React.ReactNode
className?: string
id?: string
}
/**
* This component doesn't use cn so parent tailwind classes aren't applied correctly
* At this point it's dangerous to fix it because it could break the layout at many places
*/
const SectionContainer = forwardRef(
({ children, className, id }: Props, ref: Ref<HTMLDivElement>) => (
<div
ref={ref}
id={id}
className={classNames(
`sm:py-18 container relative mx-auto px-6 py-16 md:py-24 lg:px-16 lg:py-24 xl:px-20`,
className
)}
>
{children}
</div>
)
)
SectionContainer.displayName = 'SectionContainer'
export default SectionContainer