19 lines
464 B
TypeScript
19 lines
464 B
TypeScript
import React from "react";
|
|
|
|
export default function RoundedContainer({
|
|
children,
|
|
slim = true,
|
|
direction = "column",
|
|
}: {
|
|
children: React.ReactNode;
|
|
slim?: boolean;
|
|
direction?: "column" | "row";
|
|
}) {
|
|
return (
|
|
<div
|
|
className={`flex ${slim ? "max-w-6xl" : "max-w-3xl"} rounded-4xl ${direction == "column" ? "flex-col" : "flex-row"} items-center py-8 px-8 bg-gray-400 dark:bg-slate-900 sm:items-start`}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|