const TelegramDialogsListSkeleton = () => (
  <div className="px-2 py-1">
    {[1, 2, 3, 4, 5].map((i) => (
      <div key={i} className="flex items-center gap-3 py-2.5 px-2">
        <div className="w-[52px] h-[52px] rounded-full bg-[var(--tg-bg-secondary)] animate-pulse" />
        <div className="flex-1 space-y-2">
          <div className="h-3 w-1/3 rounded bg-[var(--tg-bg-secondary)] animate-pulse" />
          <div className="h-3 w-3/4 rounded bg-[var(--tg-bg-secondary)] animate-pulse" />
        </div>
      </div>
    ))}
  </div>
);

export default TelegramDialogsListSkeleton;
