import { html, when } from '@melodicdev/core';
export function popoverTemplate(c) {
    return html `
		<div class="ml-popover">
			<div class="ml-popover__trigger" @click=${c.toggle}>
				<slot name="trigger"></slot>
			</div>
			<div
				class="ml-popover__content"
				popover=${c.manual ? 'manual' : 'auto'}
			>
				<slot></slot>
				${when(c.arrow, () => html `<div class="ml-popover__arrow"></div>`)}
			</div>
		</div>
	`;
}
