import { L as Logic } from './index-ed17c940.mjs';
import script$1 from './TsIcon.mjs';
import { s as script$2 } from './normalText-66005fcf.mjs';
import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
import 'http';
import 'https';
import 'stream';
import 'assert';
import 'tty';
import 'util';
import 'os';
import 'has-flag';
import 'zlib';
import 'form-data';

var script = {
    components: {
        TsIcon: script$1,
        TsNormalText: script$2,
    },
    name: "TsAlert",
    setup() {
        return {
            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 = resolveComponent("ts-icon");
  const _component_ts_normal_text = resolveComponent("ts-normal-text");

  return ($setup.Logic.common.alertConfig.show)
    ? (openBlock(), createElementBlock("div", _hoisted_1, [
        createElementVNode("div", {
          class: 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' : ''
      }`)
        }, [
          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"]),
          createVNode(_component_ts_normal_text, { color: "'text-headerText'" }, {
            default: withCtx(() => [
              createTextVNode(toDisplayString($setup.Logic.common.alertConfig.message), 1 /* TEXT */)
            ]),
            _: 1 /* STABLE */
          })
        ], 2 /* CLASS */)
      ]))
    : createCommentVNode("v-if", true)
}

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

export { script as default };
