/// <reference path="../theme/config.ts" />

/** 
 * @module UI 
 * @submodule UI VirtualAgent
 * @namespace ui.virtualAgent
 */
namespace internal.ui.virtualAgent {
    /**
     * Configuration for virtual agent theme 
     * @class ThemeConfig
     * @extends ui.theme.Config
     */
    export interface ThemeConfig extends theme.Config {
        /**
         * default controls the customization of the entire feature
         * a complete default {{#crossLink "ui.theme.Theme"}}{{/crossLink}} is required if theming is applied for the rendered component.
         * @required
         * @property  {theme.Theme} default
         */
        default: theme.Theme;

        /**
         * customizes the user message bubble.
         * @property  {theme.Theme} userMessageBubble
         */
        userMessageBubble?: theme.Theme;

        /**
         * customizes the agent message bubble.
         * The agent message bubble appears when the user is selects chat and talks to the agent.
         * @property  {theme.Theme} agentMessageBubble
         */
        agentMessageBubble?: theme.Theme;

        /**
         * customizes the virtual agent message bubble.
         * @property  {theme.Theme} virtualAgentMessageBubble
         */
        virtualAgentMessageBubble?: theme.Theme;

        /**
         * customizes the System Info message bubble.
         * @property  {theme.Theme} systemInfoMessageBubble
         */
        systemInfoMessageBubble?: theme.Theme;

        /**
         * customizes the System Error message bubble.
         * @property  {theme.Theme} systemErrorMessageBubble
         */
        systemErrorMessageBubble?: theme.Theme;

        /**
         * titleBar can be customized by hiding it.
         * @property  {theme.Display} titleBar
         */
        titleBar?: theme.Display;

        /**
         * line seperator is the line between the greeting message and the welcome message
         * @property  {theme.Display} lineSeperator
         */
        lineSeperator?: theme.Display;

        /**
         * feedback button that shows the survey( by disabling this you will disable modal surveys )
         * @property  {theme.Display} feedbackButton
         */
        feedbackButton?: theme.Display;
     }
}