Shahed Nasser
26 lines
549 B
TypeScript
26 lines
549 B
TypeScript
import React from "react"
|
|
import clsx from "clsx"
|
|
|
|
type WideSectionProps = React.AllHTMLAttributes<HTMLElement> & {
|
|
as?: "div" | "main"
|
|
}
|
|
|
|
export const WideSection = ({
|
|
children,
|
|
className,
|
|
as = "div",
|
|
}: WideSectionProps) => {
|
|
const Component = as
|
|
return (
|
|
<Component
|
|
className={clsx(
|
|
"max-w-inner-content-xs sm:max-w-inner-content-sm md:max-w-inner-content-md",
|
|
"lg:max-w-lg-wide-content xl:max-w-xl-wide-content px-1 lg:px-0 mx-auto",
|
|
className
|
|
)}
|
|
>
|
|
{children}
|
|
</Component>
|
|
)
|
|
}
|