import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import './chunks/4ccc6eeb.js';
import { g as getComponentOrDefine } from './chunks/071ed725.js';
import './chunks/23e44913.js';
import './chunks/d91e4e4a.js';
import './chunks/a02c5734.js';
import './chunks/e1e2ec26.js';
import { u as useAsyncHook } from './chunks/34bcf6d2.js';

const HelloWorld = () => {
  // const [value, setValue] = useProp<number>("message");
  useAsyncHook(() => new Promise(r => {
    r(1);
  }), []);
  const a1 = "aa1111111111111111";
  return h("host", null, h("div", null, h("input", {
    className: "bg-white focus:outline-none focus:shadow-outline border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal",
    type: "email",
    placeholder: "jane@example.com"
  }), h("h1", null, a1)));
};

HelloWorld.props = {
  message: {
    type: String,
    value: "hello-world0011",
    reflect: true,
    event: {
      type: "changeMessage"
    }
  }
};
var helloWorld = getComponentOrDefine("hello-world", HelloWorld);

export default helloWorld;
//# sourceMappingURL=hello-world.js.map
