import { html, slotted } from '@ni/fast-element';
export const template = html `
<div class="toolbar ${x => (x.toolbarEmpty ? 'toolbar-empty' : '')}">
    <slot name="toolbar" ${slotted({ property: 'slottedToolbarElements' })}></slot>
</div>
<div class="start ${x => (x.startEmpty ? 'start-empty' : '')}">
    <slot name="start" ${slotted({ property: 'slottedStartElements' })}></slot>
</div>
<div class="messages"><slot></slot></div>
<div class="input ${x => (x.inputEmpty ? 'input-empty' : '')}">
    <slot name="input" ${slotted({ property: 'slottedInputElements' })}>
    </slot>
</div>
<div class="end ${x => (x.endEmpty ? 'end-empty' : '')}">
    <slot name="end" ${slotted({ property: 'slottedEndElements' })}></slot>
</div>
`;
//# sourceMappingURL=template.js.map