mirror of
https://github.com/movie-web/movie-web.git
synced 2025-03-05 19:17:44 +01:00
20 lines
417 B
TypeScript
20 lines
417 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] sm:px-16" : "w-[900px] sm:px-8"
|
|
} ${props.classNames || ""}`}
|
|
>
|
|
{props.children}
|
|
</div>
|
|
);
|
|
}
|