// @flow

import React from 'react';

import { Dialog } from '../../../base/dialog';

import Header from './ChatDialogHeader';

type Props = {

    /**
     * Children of the component.
     */
    children: React$Node
}

/**
 * Component that renders the content of the chat in a modal.
 *
 * @returns {React$Element<any>}
 */
function ChatDialog({ children }: Props) {
    return (
        <Dialog
            customHeader = { Header }
            disableEnter = { true }
            hideCancelButton = { true }
            submitDisabled = { true }
            titleKey = 'chat.title'>
            <div className = 'chat-dialog'>
                {children}
            </div>
        </Dialog>
    );
}

export default ChatDialog;