import { type Component, html, BehaviorComponent } from '../../../index.mjs'

type CounterProps = {
    initial: number
}

export const Counter: Component<CounterProps, void> = ({ initial }) => {
    return BehaviorComponent({ module: import('../client/behavior/Counter.ts') }, html`
        <button data-initial="${initial}">Click me</button>
    `)
}