'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var index = require('./index-29304770.js');
var TsIcon = require('./TsIcon.js');
var normalText = require('./normalText-7b937f11.js');
var vue = require('vue');
require('http');
require('https');
require('stream');
require('assert');
require('tty');
require('util');
require('os');
require('has-flag');
require('zlib');
require('form-data');

var script = {
    components: {
        TsIcon: TsIcon["default"],
        TsNormalText: normalText.script,
    },
    name: "TsAlert",
    setup() {
        return {
            Logic: index.Logic,
        };
    },
};

const _hoisted_1 = {
  key: 0,
  class: "w-full fixed z-[345678987654345] px-3 mdlg:max-w-[390px] top-[3%] left-0 mdlg:!top-[3%] mdlg:!left-auto mdlg:!right-[1%]"
};

function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ts_icon = vue.resolveComponent("ts-icon");
  const _component_ts_normal_text = vue.resolveComponent("ts-normal-text");

  return ($setup.Logic.common.alertConfig.show)
    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.createElementVNode("div", {
          class: vue.normalizeClass(`w-full flex flex-row items-center space-x-2 px-3 py-3 border-[1px] animate-bounce rounded bg-white ${
        $setup.Logic.common.alertConfig.type == 'error' ? 'border-errorColor' : ''
      }${
        $setup.Logic.common.alertConfig.type == 'success' ? 'border-primaryGreen' : ''
      }${
        $setup.Logic.common.alertConfig.type == 'info' ? 'border-primaryPurple' : ''
      }`)
        }, [
          vue.createVNode(_component_ts_icon, {
            name: `${
          $setup.Logic.common.alertConfig.type == 'error' ? 'alert-circle' : ''
        }${$setup.Logic.common.alertConfig.type == 'success' ? 'check-green' : ''}${
          $setup.Logic.common.alertConfig.type == 'info' ? 'alert-circle-purple' : ''
        }`,
            "custom-class": "h-[14px]"
          }, null, 8 /* PROPS */, ["name"]),
          vue.createVNode(_component_ts_normal_text, { color: "'text-headerText'" }, {
            default: vue.withCtx(() => [
              vue.createTextVNode(vue.toDisplayString($setup.Logic.common.alertConfig.message), 1 /* TEXT */)
            ]),
            _: 1 /* STABLE */
          })
        ], 2 /* CLASS */)
      ]))
    : vue.createCommentVNode("v-if", true)
}

script.render = render;
script.__file = "src/components/TsAlert/index.vue";

exports["default"] = script;
