import {TemplateResult} from "lit"
import {DirectiveResult} from "lit/async-directive.js"

export type Content = TemplateResult | DirectiveResult | HTMLElement | string | null | undefined | void | Content[]

export type View<Props extends any[]> = (...props: Props) => Content

export type ViewAttr = string | number | boolean
export type ViewAttrs = Record<string, ViewAttr>

export type Placement<Props extends any[]> = {
	props: Props
	children?: Content
	attrs?: ViewAttrs
}

export type ShadowView<Props extends any[]> = View<Props> & {
	with: (placement: Placement<Props>) => Content
}

export type ShadowSetup = {
	host: HTMLElement
	shadow: ShadowRoot
}