import { h } from 'atomico';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';

var style = "";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-login-form/kun-login-form.tsx";
const KunLoginForm = () => (
  h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 7}}
    , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 8}}, style)
    , h('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 9}}
      , h('div', { class: "max-w rounded overflow-hidden shadow-lg"   , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 10}}
        , h('form', { className: "w-full max-w-sm" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 11}}
          , h('div', { class: "md:flex md:items-center mb-6"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}}
            , h('div', { class: "md:w-1/3", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}
              , h('label', {
                className: "block text-gray-500 font-bold md:text-right mb-1 md:mb-0 pr-4"      ,
                htmlFor: "inline-full-name", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}}
              , "Full Name"

              )
            )
            , h('div', { class: "md:w-2/3", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 21}}
              , 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" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 22}}
              )
            )
          )
          , h('div', { class: "md:flex md:items-center mb-6"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 30}}
            , h('div', { class: "md:w-1/3", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 31}}
              , h('label', {
                className: "block text-gray-500 font-bold md:text-right mb-1 md:mb-0 pr-4"      ,
                htmlFor: "inline-username", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 32}}
              , "Password"

              )
            )
            , h('div', { class: "md:w-2/3", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 39}}
              , 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: "******************", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 40}}
              )
            )
          )
          , h('div', { class: "md:flex md:items-center mb-6"  , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 48}}
            , h('div', { class: "md:w-1/3", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 49}} )
            , h('label', { className: "md:w-2/3 block text-gray-500 font-bold"   , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 50}}
              , h('input', { className: "mr-2 leading-tight" , type: "checkbox", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 51}} )
              , h('span', { className: "text-sm", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 52}}, "Send me your newsletter!"

              )
            )
          )
          , h('div', { class: "md:flex md:items-center" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 57}}
            , h('div', { class: "md:w-1/3", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 58}} )
            , h('div', { class: "md:w-2/3", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 59}}
              , 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", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 60}}
              , "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;
