import type { ReactNode } from "react";

type Props = {
  children: ReactNode;
  className?: string;
};

export function TuViPageShell({ children, className = "" }: Props) {
  return (
    <main
      className={`ctkp-result-canvas ctkp-tuvi-dashboard-canvas relative min-h-[100dvh] overflow-x-hidden ${className}`}
    >
      <div className="ctkp-tuvi-dash-particles" aria-hidden />
      <div className="ctkp-tuvi-dash-particles-fine" aria-hidden />
      <div className="relative z-[1] mx-auto max-w-[1320px] px-4 pb-14 pt-5 sm:px-6 sm:pb-16 sm:pt-6 lg:px-8">
        {children}
      </div>
    </main>
  );
}