import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from 'react';
export function InlineCounter(props) {
    const [count, setCount] = useState(0);
    return (_jsxs("span", { ...props, children: [count, ' ', _jsx("button", { type: "button", onClick: () => setCount((prev) => prev + 1), className: "inline hover:underline", children: "(increment)" })] }));
}
//# sourceMappingURL=InlineCounter.js.map