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