import { defineComponent, toRefs, pushScopeId, popScopeId, openBlock, createBlock, withScopeId, createVNode } from 'vue';

var script = defineComponent({
    name: "IconCopyBtn",
    setup(props) {
        return {
            ...toRefs(props)
        };
    }
});

const _withId = /*#__PURE__*/withScopeId("data-v-2592f10f");

pushScopeId("data-v-2592f10f");
const _hoisted_1 = { type: "button" };
const _hoisted_2 = /*#__PURE__*/createVNode("svg", {
  xmlns: "http://www.w3.org/2000/svg",
  fill: "none",
  viewBox: "0 0 24 24",
  stroke: "currentColor"
}, [
  /*#__PURE__*/createVNode("path", {
    "stroke-linecap": "round",
    "stroke-linejoin": "round",
    "stroke-width": "2",
    d: "M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2"
  })
], -1);
popScopeId();

const render = /*#__PURE__*/_withId(function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createBlock("button", _hoisted_1, [
    _hoisted_2
  ]))
});

function styleInject(css, ref) {
  if ( ref === void 0 ) ref = {};
  var insertAt = ref.insertAt;

  if (!css || typeof document === 'undefined') { return; }

  var head = document.head || document.getElementsByTagName('head')[0];
  var style = document.createElement('style');
  style.type = 'text/css';

  if (insertAt === 'top') {
    if (head.firstChild) {
      head.insertBefore(style, head.firstChild);
    } else {
      head.appendChild(style);
    }
  } else {
    head.appendChild(style);
  }

  if (style.styleSheet) {
    style.styleSheet.cssText = css;
  } else {
    style.appendChild(document.createTextNode(css));
  }
}

var css_248z = "button {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  padding: 4px;\n  cursor: pointer;\n  border: 0;\n\n  width: 32px;\n  height: 32px;\n  left: 20px;\n  top: 20px;\n\n  /* 005gray */\n  background: #2C3335;\n  border-radius: 16px;\n  color: #05B6FD;\n}\nbutton:hover,\nbutton:focus {\n  background: #05B6FD;\n  color: #fff;\n}\n";
styleInject(css_248z);

script.render = render;
script.__scopeId = "data-v-2592f10f";

var script$1 = defineComponent({
    name: "IconShareBtn",
    setup(props) {
        return {
            ...toRefs(props)
        };
    }
});

const _withId$1 = /*#__PURE__*/withScopeId("data-v-6f25fe64");

pushScopeId("data-v-6f25fe64");
const _hoisted_1$1 = { type: "button" };
const _hoisted_2$1 = /*#__PURE__*/createVNode("svg", {
  viewBox: "0 0 24 22",
  fill: "none",
  xmlns: "http://www.w3.org/2000/svg",
  stroke: "currentColor"
}, [
  /*#__PURE__*/createVNode("path", {
    d: "M21 12V22H0V3H12V5H2V20H19V12H21ZM24 0H13.012L17.047 4L10.07 11.07L12.898 13.898L19.875 6.828L24 11V0Z",
    fill: "currentColor"
  })
], -1);
popScopeId();

const render$1 = /*#__PURE__*/_withId$1(function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createBlock("button", _hoisted_1$1, [
    _hoisted_2$1
  ]))
});

var css_248z$1 = "button {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  padding: 6px;\n  cursor: pointer;\n  border: 0;\n\n  width: 32px;\n  height: 32px;\n  left: 20px;\n  top: 20px;\n\n  /* 005gray */\n  background: #2C3335;\n  border-radius: 16px;\n  color: #05B6FD;\n}\nbutton:hover,\nbutton:focus {\n  background: #05B6FD;\n  color: #fff;\n}\n";
styleInject(css_248z$1);

script$1.render = render$1;
script$1.__scopeId = "data-v-6f25fe64";

var script$2 = defineComponent({
    name: "IconCloseBtn",
    setup(props) {
        return {
            ...toRefs(props)
        };
    }
});

const _withId$2 = /*#__PURE__*/withScopeId("data-v-536842f0");

pushScopeId("data-v-536842f0");
const _hoisted_1$2 = { type: "button" };
popScopeId();

const render$2 = /*#__PURE__*/_withId$2(function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createBlock("button", _hoisted_1$2, " × "))
});

var css_248z$2 = "button {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  padding: 4px;\n  cursor: pointer;\n  border: 0;\n\n  width: 40px;\n  height: 40px;\n  font-size: 40px;\n  font-weight: 100;\n  line-height: 30px;\n  left: 20px;\n  top: 20px;\n\n  /* 005gray */\n  background: #2C3335;\n  border-radius: 30px;\n  color: #B1B7C1;\n}\nbutton:hover,\nbutton:focus {\n  color: #fff;\n}\n";
styleInject(css_248z$2);

script$2.render = render$2;
script$2.__scopeId = "data-v-536842f0";

const registerComponent = (instance, component) => {
    if (component) {
        instance.component(component.name || "", component);
    }
};

const Plugin = {
    install(vue) {
        registerComponent(vue, script);
        registerComponent(vue, script$1);
        registerComponent(vue, script$2);
    }
};

export default Plugin;
export { script$2 as IconCloseBtn, script as IconCopyBtn, script$1 as IconShareBtn };