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

const WhatsappEmptyDialogs = () => (
  <div className="flex flex-col items-center justify-center py-24 px-6 bg-[var(--tg-bg)]">
    <LuMessageSquare
      size={40}
      strokeWidth={1.25}
      className="mb-4 text-[var(--tg-text-secondary)] opacity-70"
    />
    <div className="text-[15px] text-[var(--tg-text-secondary)] text-center">
      Нет диалогов
    </div>
  </div>
);

export default WhatsappEmptyDialogs;
