'use client';

import { useChatStore } from '../store';

import ChatMessageList from './components/ChatMessageList';
import PortraitChat from './components/PortraitChat';

export default function ChatList() {
  const isPortraitMode = useChatStore((state) => state.isPortraitMode);

  return (
    <div className="mb-10 flex-1">
      {isPortraitMode ? <PortraitChat /> : <ChatMessageList />}
    </div>
  );
}
