front-end/src/components/Container.tsx
2022-08-01 12:05:53 +03:00

24 lines
521 B
TypeScript

import classNames from "classnames";
import React from "react";
type Props = {
/**
* Content of component
*/
children: React.ReactNode;
/**
* Component styling
*/
className?: string;
} & Omit<React.ComponentPropsWithoutRef<"div">, "">
/**
* Main container to handle page content max-width on
* different screen sizes
*/
export default function Container({children, className}: Props) {
return (
<div className={ classNames('container mx-auto', className) }>
{children}
</div>
)
}