import { LuMessageSquare } from 'react-icons/lu';

const TelegramEmptyDialogs = () => (
  <div className="flex flex-col items-center justify-center py-20 opacity-60">
    <LuMessageSquare size={36} className="mb-3 text-[var(--tg-text-secondary)]" />
    <div className="text-[15px] text-[var(--tg-text-secondary)]">Нет диалогов</div>
  </div>
);

export default TelegramEmptyDialogs;
