import { ReactNode } from "react";
import { twMerge } from "tailwind-merge";
interface ContainerProps {
  children: ReactNode;
  className?: string;
}
const Container = ({ children, className }: ContainerProps) => {
  const containerClassName = twMerge(
    "rounded-sm  border-stroke bg-white shadow-default dark:border-strokedark dark:bg-boxdark gap-9 sm:grid-cols-2",
    className
  );
  const componentClassName = twMerge("p-6.5", className);
  return (
    <div className={containerClassName}>
      <div className={componentClassName}>{children}</div>
    </div>
  );
};

export default Container;