mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 18:05:11 +03:00
Francesco Sansalvadore
90ef7ea874
Define and clean up standard container width definition for marketing website. PR breakdown of #43455 Related: #47227 #47228 #47236
27 lines
539 B
TypeScript
27 lines
539 B
TypeScript
'use client'
|
|
|
|
import classNames from 'classnames'
|
|
import { forwardRef, Ref } from 'react'
|
|
|
|
interface Props {
|
|
children: React.ReactNode
|
|
className?: string
|
|
id?: string
|
|
}
|
|
|
|
const SectionContainer = forwardRef(
|
|
({ children, className, id }: Props, ref: Ref<HTMLDivElement>) => (
|
|
<div
|
|
ref={ref}
|
|
id={id}
|
|
className={classNames(`section-container relative py-16 sm:py-18 md:py-24`, className)}
|
|
>
|
|
{children}
|
|
</div>
|
|
)
|
|
)
|
|
|
|
SectionContainer.displayName = 'SectionContainer'
|
|
|
|
export default SectionContainer
|