text: import { r as registerInstance, h } from './index-0f76d06c.js';
  
  const addFormCss = "*{margin:0;padding:0;box-sizing:border-box;font-family:'Times New Roman', sans-serif}#l1{color:black;font-size:15px}#l2{font-size:15px;color:blue}#l3{color:black;font-size:11px;font-style:bold;font-family:'Times New Roman', Times, serif}body{background:white;padding:0 10px}.wrapper{max-width:500px;width:100%;background:#cccbcb;margin:50px auto;box-shadow:2px 2px 4px rgba(0,0,0,0.125);padding:30px}.wrapper .title{font-size:24px;font-weight:700;margin-bottom:25px;color:#0a0a09;text-transform:uppercase;text-align:center}.wrapper .form{width:100%}.wrapper .form .inputfield{margin-bottom:15px;display:flex;align-items:center}.wrapper .form .inputfield label{width:200px;color:#0a0a0a;margin-right:10px;font-size:14px}.wrapper .form .inputfield .input,.wrapper .form .inputfield .textarea{width:100%;outline:none;border:1px solid #d5dbd9;font-size:15px;padding:8px 10px;border-radius:3px;transition:all 0.3s ease}.wrapper .form .inputfield .textarea{width:100%;height:125px;resize:none}.wrapper .form .inputfield .custom_select{position:relative;width:100%;height:37px}.wrapper .form .inputfield .custom_select:before{content:\"\";position:absolute;top:12px;right:10px;border:8px solid;border-color:#d5dbd9 transparent transparent transparent;pointer-events:none}.wrapper .form .inputfield .custom_select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:100%;height:100%;border:0px;padding:8px 10px;font-size:15px;border:1px solid #d5dbd9;border-radius:3px}.wrapper .form .inputfield .input:focus,.wrapper .form .inputfield .textarea:focus,.wrapper .form .inputfield .custom_select select:focus{border:1px solid #fec107}.wrapper .form .inputfield p{font-size:14px;color:#757575}.wrapper .form .inputfield .check{width:15px;height:15px;position:relative;display:block;cursor:pointer}.wrapper .form .inputfield .check input[type=\"checkbox\"]{position:absolute;top:0;left:0;opacity:0}.wrapper .form .inputfield .check .checkmark{width:15px;height:15px;border:1px solid #fec107;display:block;position:relative}.wrapper .form .inputfield .check .checkmark:before{content:\"\";position:absolute;top:1px;left:2px;width:5px;height:2px;border:2px solid;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);display:none}.wrapper .form .inputfield .check input[type=\"checkbox\"]:checked~.checkmark{background:#fec107}.wrapper .form .inputfield .check input[type=\"checkbox\"]:checked~.checkmark:before{display:block}.wrapper .form .inputfield .btn{width:100%;padding:8px 10px;font-size:15px;border:0px;background:rgba(95, 124, 238, 0.411);color:rgb(243, 239, 239);font-style:bold;cursor:pointer;border-radius:3px;outline:none}.wrapper .form .inputfield .btn:hover{background:#111110a4}.wrapper .form .inputfield:last-child{margin-bottom:0}@media (max-width:420px){.wrapper .form .inputfield{flex-direction:column;align-items:flex-start}.wrapper .form .inputfield label{margin-bottom:5px}.wrapper .form .inputfield.terms{flex-direction:row}}";
  
  const MyComponent = class {
      constructor(hostRef) {
          registerInstance(this, hostRef);
      }
      // @Prop() a2="get-activities.html";
      render() {
          return [
              h("div", { class: "container" }, h("div", { class: "wrapper" }, h("div", { class: "title" }, "  ADD TASK "), h("div", { class: "form" }, h("div", { class: "inputfield" }, h("label", null, "Task Owner"), h("input", { type: "text", class: "input", placeholder: "Task Owner" })), h("div", { class: "inputfield" }, h("label", null, "*Subject"), h("input", { type: "text", class: "input", placeholder: "Subject" })), h("div", { class: "inputfield" }, h("label", { htmlFor: "Due Date" }, "Due Date"), h("input", { type: "date", class: "input" })), h("div", { class: "inputfield" }, h("div", { class: "custom_select1" }, h("select", null, h("option", { value: "Contact" }, "Contact"), h("option", { value: "Lead" }, "Lead")), "\u00A0\u00A0"), "\u00A0\u00A0", h("div", { class: "custom_select" }, h("select", null, h("option", { value: "Select" }, "Select"), h("option", { value: "priya  naidu" }, "priya  naidu"), h("option", { value: "PRIYA  Naidu" }, "PRIYA  Naidu"), h("option", { value: "PRIYA  Naidu" }, "PRIYA  Naidu")))), h("div", { class: "inputfield" }, h("label", null, "Related To"), h("div", { class: "custom_select" }, h("select", null, h("option", { value: "Select" }, "Select"), h("option", { value: "Account" }, "Account"), h("option", { value: "Campaign" }, "Campaign"), h("option", { value: "Case" }, "Case"), h("option", { value: "Contact" }, "Contact"), h("option", { value: "Lead" }, "Lead"), h("option", { value: "Opportunity" }, "Opportunity"), h("option", { value: "Potential" }, "Potential"), h("option", { value: "Product" }, "Product"))), h("div", { class: "custom_select" }, h("select", null, h("option", { value: "Select" }, "Select"), h("option", { value: "B Labs" }, "B Labs"), h("option", { value: "FF" }, "FF"), h("option", { value: "Manpower" }, "Manpower"), h("option", { value: "SWATI  CO." }, "SWATI  CO."), h("option", { value: "Swati Traders" }, "Swati Traders")))), h("div", { class: "inputfield" }, h("label", null, "Status"), h("div", { class: "custom_select" }, h("select", null, h("option", { value: "Select" }, "Select"), h("option", { value: "Active" }, "Active"), h("option", { value: "Deactive" }, "Deactive")))), h("div", { class: "inputfield" }, h("label", null, "Priority"), h("div", { class: "custom_select" }, h("select", null, h("option", { value: "Select" }, "Select"), h("option", { value: "High" }, "High"), h("option", { value: "Low" }, "Low"), h("option", { value: "Medium" }, "Medium")))), h("div", { class: "inputfield" }, h("label", null, "Recurring Activity"), h("input", { type: "checkbox" })), h("div", { class: "inputfield" }, h("label", null, "Send Notification Email"), h("input", { type: "checkbox" })), h("div", { class: "inputfield" }, h("label", null, "Description"), h("textarea", { class: "input" })), h("div", { class: "inputfield" }, h("input", { type: "submit", value: "Save", class: "btn" }), h("input", { type: "submit", value: "Cancel", class: "btn" })))))
          ];
      }
  };
  MyComponent.style = addFormCss;
  
  export { MyComponent as schedule_task };
  