33 lines
601 B
TypeScript
33 lines
601 B
TypeScript
|
import { ReactNode } from "react";
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
bg_color: string;
|
||
|
|
txt_color: string;
|
||
|
|
className?: string;
|
||
|
|
children?: ReactNode;
|
||
|
|
id?: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
const CenterView = ({
|
||
|
|
bg_color,
|
||
|
|
txt_color,
|
||
|
|
className,
|
||
|
|
children,
|
||
|
|
id,
|
||
|
|
}: Props) => {
|
||
|
|
return (
|
||
|
|
<section
|
||
|
|
className={
|
||
|
|
"min-h-screen w-full " + bg_color + " " + txt_color + " " + className
|
||
|
|
}
|
||
|
|
id={id}
|
||
|
|
>
|
||
|
|
<div className="mx-auto flex min-h-screen w-11/12 flex-row items-center lg:w-5/6">
|
||
|
|
<div className="py-24">{children}</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default CenterView;
|