import React, { useState } from 'react'

import { Button, ButtonProps, icons } from 'app/components'


const Demo = () => {
    const [ counter, setCounter ] = useState(0)

    const props: ButtonProps = {
        value: <>{icons.edit} click me</>,
        onClick() {
            setCounter(counter + 1)
        }
    }


    return <>
        <h2 children='simple' />
        <h3 children={ `counter: ${counter}` } />

        <Button { ...props } />

        <h2 children='disabled' />
        <Button { ...props } disabled />
    </>
}
Demo.coreSrcDirName = 'Button'


export default Demo