// src/features/legislativas/nacionales/components/PanelResultadosSkeleton.tsx
const SkeletonRow = () => (
  <div className="partido-fila skeleton-fila">
    <div className="skeleton-logo" />
    <div className="partido-info-wrapper">
      <div className="skeleton-text" style={{ width: '60%' }} />
      <div className="skeleton-text" style={{ width: '40%', marginTop: '4px' }} />
      <div className="skeleton-bar" />
    </div>
    <div className="partido-stats">
      <div className="skeleton-text" style={{ width: '70%', marginBottom: '4px' }} />
      <div className="skeleton-text" style={{ width: '50%' }} />
    </div>
  </div>
);

export const PanelResultadosSkeleton = () => (
  <div className="panel-resultados-skeleton">
    {[...Array(5)].map((_, i) => <SkeletonRow key={i} />)}
  </div>
);