import { html, ViewTemplate, when } from '@ni/fast-element';
import { iconNigelChatTag } from '../../../icons/nigel-chat';
export const template = () => html `
    <div class="container">
        <div class="brand-icon">
            <slot name="brand-icon">
                <${iconNigelChatTag}></${iconNigelChatTag}>
            </slot>
        </div>
        ${when(x => x.welcomeTitle, html `
            <div class="title">${x => x.welcomeTitle}</div>
        `)}
        ${when(x => x.subtitle, html `
            <div class="subtitle">${x => x.subtitle}</div>
        `)}
        <section class="message-content">
            <slot></slot>
        </section>
    </div>
`;
//# sourceMappingURL=template.js.map