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

var script = defineComponent({
    name: "Button",
    props: {
        disabled: {
            type: Boolean,
            default: false
        }
    },
    setup(props) {
        return {
            ...toRefs(props)
        };
    }
});

const _withId = /*#__PURE__*/withScopeId("data-v-4beb0dc7");

const render = /*#__PURE__*/_withId(function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createBlock("button", {
    type: "button",
    disabled: _ctx.disabled
  }, [
    renderSlot(_ctx.$slots, "default")
  ], 8, ["disabled"]))
});

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: 0.5rem 1rem;\n\n  font-family: \"SF Pro Text\", \"Noto Sans KR\", sans-serif;\n  font-size: 1rem;\n  font-weight: bold;\n  font-style: normal;\n  text-align: center;\n  text-decoration: none;\n\n  display: inline-block;\n  width: auto;\n\n  border: none;\n  cursor: pointer;\n  background: #191D1F;\n  border-radius: 30px;\n  color: #05B6FD;\n}\nbutton:hover {\n  background: #05B6FD;\n  color: #fff;\n}\nbutton:focus {\n  background: #0085FF;\n  color: #fff;\n}\nbutton:disabled {\n  background: #191D1F;\n  color: #B1B7C1;\n}\n";
styleInject(css_248z);

script.render = render;
script.__scopeId = "data-v-4beb0dc7";

var script$1 = defineComponent({
    name: "ActionBtn",
    props: {
        disabled: {
            type: Boolean,
            default: false
        }
    },
    setup(props) {
        return {
            ...toRefs(props)
        };
    }
});

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

const render$1 = /*#__PURE__*/_withId$1(function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createBlock("button", {
    type: "button",
    disabled: _ctx.disabled
  }, [
    renderSlot(_ctx.$slots, "default")
  ], 8, ["disabled"]))
});

var css_248z$1 = "button {\n  -webkit-appearance: none;\n  appearance: none;\n  margin: 0;\n  padding: 0.5rem 2rem;\n\n  font-family: \"SF Pro Text\", \"Noto Sans KR\", sans-serif;\n  font-size: 1rem;\n  font-weight: 400;\n  font-style: normal;\n  text-align: center;\n  text-decoration: none;\n\n  display: inline-block;\n  width: auto;\n\n  border: none;\n  cursor: pointer;\n  background: #0085FF;\n  border-radius: 30px;\n  color: #FFFFFF;\n}\nbutton:hover,\nbutton:focus {\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #0085FF;\n}\nbutton:disabled {\n  background: #191D1F;\n  color: #B1B7C1;\n}\n";
styleInject(css_248z$1);

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

var script$2 = defineComponent({
    name: "SideNav",
    props: {
        title: {
            type: String
        },
        selected: {
            type: Boolean,
            default: false
        }
    },
    setup(props) {
        return {
            ...toRefs(props)
        };
    }
});

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

pushScopeId("data-v-38f39f8b");
const _hoisted_1 = { class: "fa" };
const _hoisted_2 = { class: "title" };
popScopeId();

const render$2 = /*#__PURE__*/_withId$2(function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createBlock("button", {
    type: "button",
    class: _ctx.selected ? 'selected' : ''
  }, [
    createVNode("i", _hoisted_1, [
      renderSlot(_ctx.$slots, "default")
    ]),
    createVNode("span", _hoisted_2, toDisplayString(_ctx.title), 1)
  ], 2))
});

var css_248z$2 = "button {\n  -webkit-appearance: none;\n  appearance: none;\n  display: -webkit-inline-flex;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  width: 11rem;\n  margin: 0;\n  padding: 0.5rem 1rem;\n\n  font-family: \"SF Pro Text\", \"Noto Sans KR\", sans-serif;\n  font-size: 1rem;\n  font-weight: normal;\n  font-style: normal;\n  text-decoration: none;\n\n  border: none;\n  cursor: pointer;\n  background: #2C3335;\n  border-radius: 6px;\n  color: #F7F7F8;\n}\nbutton:hover,\nbutton:focus {\n  background: #313A3D;\n}\nbutton.selected {\n  background: #3C4649;\n}\n.fa {\n  display: -webkit-inline-flex;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  width: 1.375rem;\n  height: 1.375rem;\n}\n.title {\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-align-items: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin-left: 0.5rem;\n}\n";
styleInject(css_248z$2);

script$2.render = render$2;
script$2.__scopeId = "data-v-38f39f8b";

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$1 as ActionBtn, script as Button, script$2 as SideNav };