import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import { g as getComponentOrDefine } from './chunks/071ed725.js';

var style = "";

const KunLoginForm = () => h("host", null, h("style", null, style), h("div", null, h("div", {
  class: "max-w rounded overflow-hidden shadow-lg"
}, h("form", {
  className: "w-full max-w-sm"
}, h("div", {
  class: "md:flex md:items-center mb-6"
}, h("div", {
  class: "md:w-1/3"
}, h("label", {
  className: "block text-gray-500 font-bold md:text-right mb-1 md:mb-0 pr-4",
  htmlFor: "inline-full-name"
}, "Full Name")), h("div", {
  class: "md:w-2/3"
}, h("input", {
  className: "bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500",
  id: "inline-full-name",
  type: "text",
  value: "Jane Doe"
}))), h("div", {
  class: "md:flex md:items-center mb-6"
}, h("div", {
  class: "md:w-1/3"
}, h("label", {
  className: "block text-gray-500 font-bold md:text-right mb-1 md:mb-0 pr-4",
  htmlFor: "inline-username"
}, "Password")), h("div", {
  class: "md:w-2/3"
}, h("input", {
  className: "bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500",
  id: "inline-username",
  type: "password",
  placeholder: "******************"
}))), h("div", {
  class: "md:flex md:items-center mb-6"
}, h("div", {
  class: "md:w-1/3"
}), h("label", {
  className: "md:w-2/3 block text-gray-500 font-bold"
}, h("input", {
  className: "mr-2 leading-tight",
  type: "checkbox"
}), h("span", {
  className: "text-sm"
}, "Send me your newsletter!"))), h("div", {
  class: "md:flex md:items-center"
}, h("div", {
  class: "md:w-1/3"
}), h("div", {
  class: "md:w-2/3"
}, h("button", {
  className: "shadow bg-purple-500 hover:bg-purple-400 focus:shadow-outline focus:outline-none text-white font-bold py-2 px-4 rounded",
  type: "button"
}, "Sign Up")))))));

KunLoginForm.props = {
  message: {
    type: String,
    value: "kun-login-form",
    reflect: true,
    event: {
      type: "changeMessage"
    }
  }
};
var kunLoginForm = getComponentOrDefine("kun-login-form", KunLoginForm);

export default kunLoginForm;
//# sourceMappingURL=kun-login-form.js.map
