System.register(['./index-legacy.f525a5c0.js'], function (e) {
  'use strict'
  var t, s, r, i, n
  return {
    setters: [
      function (e) {
        ;(t = e.d), (s = e.c), (r = e.bw), (i = e.a), (n = e.az)
      }
    ],
    execute: function () {
      e(
        'I',
        t({
          name: 'item',
          props: {
            item: {
              type: Object,
              default: function () {
                return {}
              }
            }
          },
          render: function () {
            var e = this.item
            return s(
              'div',
              {
                class:
                  'border border-[#f5f5f5] rounded-sm w-[262px] h-[302px] m-auto overflow-hidden relative hover:shadow-md transition-all'
              },
              [
                e.subjectName &&
                  s(
                    'div',
                    {
                      class:
                        'absolute top-2 right-3 bg-black/40 text-white text-sm rounded-sm px-3 h-7 flex items-center justify-center z-10'
                    },
                    [e.subjectName]
                  ),
                s(
                  r,
                  {
                    class: 'w-full h-[175px] align-middle',
                    fit: 'cover',
                    src: e.backgroundPic
                  },
                  null
                ),
                s(
                  'div',
                  { class: 'mx-2.5 py-3.5 border-b border-b-[#F2F2F2]' },
                  [
                    s(
                      'div',
                      {
                        class:
                          'text-lg leading-none font-semibold whitespace-nowrap overflow-hidden text-ellipsis'
                      },
                      [e.courseGroupName]
                    ),
                    s('div', { class: 'text-sm text-[#999] pt-2.5' }, [
                      e.studentCount,
                      i('人已购买')
                    ])
                  ]
                ),
                s(
                  'div',
                  { class: 'mx-2.5 py-4 flex items-center justify-between' },
                  [
                    s('div', { class: 'flex items-center' }, [
                      s(
                        r,
                        {
                          class:
                            'w-[22px] h-[22px] align-middle rounded-full overflow-hidden mr-2',
                          'object-fit': 'cover',
                          src: e.avatar || n
                        },
                        null
                      ),
                      s('span', null, [e.teacherName])
                    ]),
                    s(
                      'div',
                      {
                        class:
                          'font-semibold text-[15px] leading-5 text-[#2DC7AA]'
                      },
                      [i('￥'), e.coursePrice, i('/'), e.courseNum, i('课时')]
                    )
                  ]
                )
              ]
            )
          }
        })
      )
    }
  }
})