'use strict';

const index = require('./index-8277cbb3.js');
const JSS = require('./JSS-8503a151.js');
const mixins = require('./mixins-4761d472.js');

const style = {
  HostBlock: mixins.HostBlock,
  icon: {
    cursor: "pointer",
    position: "absolute",
    right: "var(--sl-spacing-medium)",
    top: "var(--sl-spacing-x-small)",
    zIndex: "100",
  },
};
const sheet = JSS.createStyleSheet(style);
const styleString = sheet.toString();
function CloseButtonView(props) {
  const { onClick } = props;
  return (index.h("div", null,
    index.h("style", { type: "text/css" }, styleString),
    index.h("span", { class: sheet.classes.icon, onClick: onClick },
      index.h("svg", { width: "16", height: "16", viewBox: "0 0 56 56", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
        index.h("path", { d: "M56 5.64L50.36 0L28 22.36L5.64 0L0 5.64L22.36 28L0 50.36L5.64 56L28 33.64L50.36 56L56 50.36L33.64 28L56 5.64Z", fill: props.color || "black" })))));
}

exports.CloseButtonView = CloseButtonView;
