mirror of
https://github.com/p-stream/p-stream.git
synced 2026-03-24 08:47:49 +00:00
21 lines
509 B
TypeScript
21 lines
509 B
TypeScript
import { ReactNode } from "react";
|
|
|
|
interface WideContainerProps {
|
|
classNames?: string;
|
|
children?: ReactNode;
|
|
ultraWide?: boolean;
|
|
}
|
|
|
|
export function WideContainer(props: WideContainerProps) {
|
|
return (
|
|
<div
|
|
className={`mx-auto max-w-full px-8 ${
|
|
props.ultraWide
|
|
? "w-[1300px] xl:w-[18000px] 3xl:w-[2400px] 4xl:w-[2800px]"
|
|
: "w-[900px] xl:w-[1200px] 3xl:w-[1600px] 4xl:w-[1800px]"
|
|
} ${props.classNames || ""}`}
|
|
>
|
|
{props.children}
|
|
</div>
|
|
);
|
|
}
|