new-personal-site/components/lib/layout/Main.tsx
2024-12-09 16:36:17 +01:00

24 lines
535 B
TypeScript

import { DetailedHTMLProps, HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";
/**
* # Main Wrapper
* @className twui-h1
*/
export default function Main({
...props
}: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>) {
return (
<main
{...props}
className={twMerge(
"flex flex-col items-center w-full",
"twui-main",
props.className
)}
>
{props.children}
</main>
);
}