import { s as script$1 } from './normalText-66005fcf.mjs';
import script$2 from './TsRatings.mjs';
import script$3 from './TsAvatar.mjs';
import { s as script$4 } from './paragraphText-9913c76e.mjs';
import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode } from 'vue';
import './TsIcon.mjs';
import './TsImageLoader.mjs';

var script = {
    components: {
        TsNormalText: script$1,
        TsRatings: script$2,
        TsAvatar: script$3,
        TsParagraphText: script$4,
    },
    props: {},
    name: "TsReviewCard",
};

const _hoisted_1 = { class: "w-full items-start flex flex-col mdlg:!py-5 mdlg:!px-5 px-2 py-2 space-y-2 border-[1px] border-gray-200 rounded" };
const _hoisted_2 = { class: "flex flex-row items-center space-x-2" };
const _hoisted_3 = { class: "flex flex-col space-y-[1px]" };
const _hoisted_4 = { class: "flex flex-row items-center space-x-2" };
const _hoisted_5 = /*#__PURE__*/createTextVNode(" Amanda Johnsons ");
const _hoisted_6 = /*#__PURE__*/createElementVNode("span", { class: "h-[4px] w-[4px] bg-paragraphTextLight rounded-full" }, null, -1 /* HOISTED */);
const _hoisted_7 = /*#__PURE__*/createTextVNode(" 2h ");
const _hoisted_8 = /*#__PURE__*/createTextVNode(" My son got a 95% on his chem final thanks to Steven! Thank you!!!!! ");

function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ts_avatar = resolveComponent("ts-avatar");
  const _component_ts_normal_text = resolveComponent("ts-normal-text");
  const _component_ts_ratings = resolveComponent("ts-ratings");
  const _component_ts_paragraph_text = resolveComponent("ts-paragraph-text");

  return (openBlock(), createElementBlock("div", _hoisted_1, [
    createElementVNode("div", _hoisted_2, [
      createVNode(_component_ts_avatar, {
        photoUrl: '/images/review_img.png',
        size: '33'
      }, null, 8 /* PROPS */, ["photoUrl"]),
      createElementVNode("div", _hoisted_3, [
        createElementVNode("div", _hoisted_4, [
          createVNode(_component_ts_normal_text, { color: 'text-paragraphTextLight' }, {
            default: withCtx(() => [
              _hoisted_5
            ]),
            _: 1 /* STABLE */
          }),
          _hoisted_6,
          createVNode(_component_ts_normal_text, { color: 'text-paragraphTextLight' }, {
            default: withCtx(() => [
              _hoisted_7
            ]),
            _: 1 /* STABLE */
          })
        ]),
        createVNode(_component_ts_ratings)
      ])
    ]),
    createVNode(_component_ts_paragraph_text, { customClass: 'text-left' }, {
      default: withCtx(() => [
        _hoisted_8
      ]),
      _: 1 /* STABLE */
    })
  ]))
}

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

export { script as default };
