import { Skeleton } from '@douyinfe/semi-ui-19';
import type { ReactNode } from 'react';

export interface PageSkeletonProps {
  loading?: boolean;
  rows?: number;
  children?: ReactNode;
  className?: string;
}

/** 统一加载骨架：页面级加载用段落占位，避免布局跳动 */
export function PageSkeleton({
  loading = true,
  rows = 6,
  children,
  className,
}: PageSkeletonProps): ReactNode {
  return (
    <Skeleton
      loading={loading}
      placeholder={<Skeleton.Paragraph rows={rows} />}
      className={`lx-page-skeleton${className === undefined ? '' : ` ${className}`}`}
    >
      {children}
    </Skeleton>
  );
}