import { Component, h } from "atomico";
import style from "./kun-icon-close.scss";
import { getComponentOrDefine } from "../../hooks/aync-hook/redirect";

const KunIconClose = ({ width, height }): Component => (
  <host shadowDom>
    <style>{style}</style>
    <div class="icon icon-close " style={{ width: `${width}px`, height: `${height}px` }} />
  </host>
);

KunIconClose.props = {
  height: {
    type: Number,
    value: 40,
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
  width: {
    type: Number,
    value: 40,
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
  message: {
    type: String,
    value: "kun-icon-close",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

export default getComponentOrDefine("kun-icon-close", KunIconClose);
