export default function Loading() {
  return (
    <div className="loading-wrapper" role="status" aria-label="Cargando encuesta...">
      <div className="skeleton" style={{ height: 32, width: '60%', marginBottom: 16 }} />
      <div className="skeleton" style={{ height: 16, width: '40%', marginBottom: 32 }} />
      {Array.from({ length: 4 }).map((_, i) => (
        <div
          key={i}
          className="skeleton"
          style={{ height: 88, marginBottom: 12, borderRadius: 8 }}
        />
      ))}
    </div>
  )
}
