import { jsx as _jsx } from "react/jsx-runtime";
import { block } from "../../../utils/cn.js";
import { MessageList } from "../../organisms/MessageList/index.js";
import { EmptyContainer } from "../EmptyContainer/index.js";
import "./ChatContent.css";
const b = block('chat-content');
/**
 * ChatContent - main chat content with state switching (EmptyContainer/MessageList).
 *
 * @param props - Component props
 * @returns React component
 */
export function ChatContent(props) {
    var _a;
    const { view, emptyContainerProps, messageListProps, className, qa } = props;
    const isEmptyView = view === 'empty';
    return (_jsx("div", { className: b(null, className), "data-qa": qa, children: isEmptyView
            ? emptyContainerProps && _jsx(EmptyContainer, Object.assign({}, emptyContainerProps))
            : messageListProps && (_jsx("div", { className: b('message-list-container'), children: _jsx(MessageList, Object.assign({}, messageListProps, { className: b('message-list', messageListProps.className), qa: (_a = messageListProps.qa) !== null && _a !== void 0 ? _a : `message-list${qa ? `-${qa}` : ''}` })) })) }));
}
//# sourceMappingURL=ChatContent.js.map
