sendou.ink/app/components/Main.tsx
2023-02-05 14:43:36 +02:00

27 lines
419 B
TypeScript

import clsx from "clsx";
import * as React from "react";
export const Main = ({
children,
className,
halfWidth,
style,
}: {
children: React.ReactNode;
className?: string;
halfWidth?: boolean;
style?: React.CSSProperties;
}) => (
<main
className={clsx(
"layout__main",
"main",
{ "half-width": halfWidth },
className
)}
style={style}
>
{children}
</main>
);