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>
  );
}