export interface MessagesProps extends BasePropsType {
    header?: string
    onClose?: Function
}

import { Messages, Button } from 'bulma-preact'
import { render, h } from 'preact'

const onClick = () => Messages.showMessage('123')
render(<div className="panel">
    <Button onClick={onClick}>showMessage</Button>
    <Messages isColor="link" header="message 1" showClose onClose={() => alert(1)}>
        <h2>h2</h2>
        <p>content, content<br/> ok!</p>
    </Messages>
    <Messages isColor="danger" header="message 2">
        <h2>h2</h2>
        <p>content, content<br/> ok!</p>
    </Messages>
</div>, container)