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