'use client';

import { useChatStore } from './store';
import ChatMode from './ChatMode';
import './index.css';
import PhoneCallMode from './PhoneCallMode';

export default function CharacterChat() {
  const isPhoneCallMode = useChatStore((state) => state.isPhoneCallMode);

  return (
    <div
      style={{
        background:
          'linear-gradient(0deg, rgba(23, 0, 18, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%)',
      }}
      className="relative flex h-full w-full justify-center overflow-hidden"
    >
      {isPhoneCallMode ? <PhoneCallMode /> : <ChatMode />}
    </div>
  );
}
