import type { ReactNode } from "react";

import { ResponsiveMobileShell } from "./responsive-mobile-shell";

export interface MobileShellProps {
  children: ReactNode;
  /** 自定义背景色（默认透明，继承 body 背景）。 */
  background?: string;
  /** 自定义 className（注入到内容容器上）。 */
  className?: string;
}

export function MobileShell({
  children,
  background,
  className,
}: MobileShellProps) {
  return (
    <ResponsiveMobileShell background={background} className={className}>
      {children}
    </ResponsiveMobileShell>
  );
}
