import type { ReactNode } from "react";
import { Layout } from "tdesign-react";

export interface AppContentProps {
  children: ReactNode;
  className?: string;
}

export default function AppContent({ children, className }: AppContentProps) {
  return (
    <Layout.Content className={["tn-content", className].filter(Boolean).join(" ")}>
      <div className="tn-content-inner">{children}</div>
    </Layout.Content>
  );
}