import { cn } from "@/lib/utils";

interface SettingsPageLayoutProps {
  children: React.ReactNode;
  sideContent?: React.ReactNode;
  className?: string;
}

export function SettingsPageLayout({
  children,
  sideContent,
  className,
}: SettingsPageLayoutProps) {
  return (
    <div
      className={cn(
        "grid items-start gap-4 xl:grid-cols-[190px_minmax(0,1fr)]",
        className
      )}
    >
      <div>{sideContent}</div>
      <div className="min-w-0">{children}</div>
    </div>
  );
}