import { HTMLElement, createEvent, h, proxyCustomElement } from '@stencil/core/internal/client';

const nkSuccessMessageCss = ":host{display:block;font-family:Roboto, sans-serif;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;letter-spacing:0.15px;text-align:left}.success{background:linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #4CAF50;border-radius:4px;position:relative;padding:0.75rem 1.25rem;display:flex;align-items:center}.content{margin-left:10px}.close{margin-left:auto;cursor:pointer;background-color:transparent;border:0}";

let NkSuccessMessage$1 = class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    this.__attachShadow();
    this.closed = createEvent(this, "closed", 7);
  }
  render() {
    return (h("div", { part: "info", class: "success" }, h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM14.59 5.58L8 12.17L5.41 9.59L4 11L8 15L16 7L14.59 5.58Z", fill: "#4CAF50" })), h("div", { class: "content" }, h("slot", null)), h("button", { onClick: () => this.closed.emit(true), type: "button", class: "close", "data-dismiss": "msg", "aria-label": "Close" }, h("span", { "aria-hidden": "true" }, h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M11.8334 1.34175L10.6584 0.166748L6.00002 4.82508L1.34169 0.166748L0.166687 1.34175L4.82502 6.00008L0.166687 10.6584L1.34169 11.8334L6.00002 7.17508L10.6584 11.8334L11.8334 10.6584L7.17502 6.00008L11.8334 1.34175Z", fill: "#4CAF50" }), h("path", { d: "M11.8334 1.34175L10.6584 0.166748L6.00002 4.82508L1.34169 0.166748L0.166687 1.34175L4.82502 6.00008L0.166687 10.6584L1.34169 11.8334L6.00002 7.17508L10.6584 11.8334L11.8334 10.6584L7.17502 6.00008L11.8334 1.34175Z", fill: "black", "fill-opacity": "0.6" }))))));
  }
  static get style() { return nkSuccessMessageCss; }
};
NkSuccessMessage$1 = /*@__PURE__*/ proxyCustomElement(NkSuccessMessage$1, [1, "nk-success-message"]);
function defineCustomElement$1() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["nk-success-message"];
  components.forEach(tagName => { switch (tagName) {
    case "nk-success-message":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, NkSuccessMessage$1);
      }
      break;
  } });
}

const NkSuccessMessage = NkSuccessMessage$1;
const defineCustomElement = defineCustomElement$1;

export { NkSuccessMessage, defineCustomElement };
