Function SkeletonText

packages/@react-spectrum/s2/src/Skeleton.tsx:118–135

({children}: {children: ReactNode})

// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.
export function SkeletonText({children}: {children: ReactNode}): ReactNode {
  return (
    <span
      // @ts-ignore - compatibility with React < 19
      inert={inertValue(true)}
      ref={useLoadingAnimation(true)}
      className={
        loadingStyle +
        style({
          color: 'transparent',
          boxDecorationBreak: 'clone',
          borderRadius: 'sm'
        })
      }>
      {children}
    </span>
  );
}

// Clones the child element and displays it with skeleton styling.
export function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {