import { h } from 'atomico';
import 'toastr';
import 'funfix';
import './chunks/496a9efa.js';
import { useAsyncHook } from './use-async-hook.js';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/hello-world/hello-world.tsx";
const HelloWorld = () => {
  // const [value, setValue] = useProp<number>("message");
  useAsyncHook(() => new Promise((r) => {
    r(1);
  }), []);
  const a1 = "aa1111111111111111";
  return (
    h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}}
      , h('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}
        , 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", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}}
        )
        , h('h1', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 19}}
          , a1
        )
      )
    )
  );
};

HelloWorld.props = {
  message: {
    type: String,
    value: "hello-world0011",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

var helloWorld = getComponentOrDefine("hello-world", HelloWorld);

export default helloWorld;
