const InstagramNoChannelSelected = () => (
  <div className="flex-1 flex flex-col items-center justify-center tg-chat-bg px-8">
    <div className="w-24 h-24 rounded-full border-2 border-dashed border-[var(--tg-divider)] flex items-center justify-center mb-6">
      <span className="text-[32px] leading-none opacity-40">✉</span>
    </div>
    <p className="text-[17px] font-bold text-[var(--tg-text-primary)] text-center">
      Ваши сообщения
    </p>
    <p className="text-[14px] text-[var(--tg-text-secondary)] text-center mt-2 max-w-[280px] leading-relaxed">
      Отправляйте фото и сообщения лично или группам
    </p>
  </div>
);

export default InstagramNoChannelSelected;
