import { d as r, c as e, bw as a, a as s, az as i } from './index.1d0cc84f.js'
var l = r({
  name: 'item',
  props: { item: { type: Object, default: () => ({}) } },
  render() {
    const t = this.item
    return e(
      'div',
      {
        class:
          'border border-[#f5f5f5] rounded-sm w-[262px] h-[302px] m-auto overflow-hidden relative hover:shadow-md transition-all'
      },
      [
        t.subjectName &&
          e(
            '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'
            },
            [t.subjectName]
          ),
        e(
          a,
          {
            class: 'w-full h-[175px] align-middle',
            fit: 'cover',
            src: t.backgroundPic
          },
          null
        ),
        e('div', { class: 'mx-2.5 py-3.5 border-b border-b-[#F2F2F2]' }, [
          e(
            'div',
            {
              class:
                'text-lg leading-none font-semibold whitespace-nowrap overflow-hidden text-ellipsis'
            },
            [t.courseGroupName]
          ),
          e('div', { class: 'text-sm text-[#999] pt-2.5' }, [
            t.studentCount,
            s('\u4EBA\u5DF2\u8D2D\u4E70')
          ])
        ]),
        e('div', { class: 'mx-2.5 py-4 flex items-center justify-between' }, [
          e('div', { class: 'flex items-center' }, [
            e(
              a,
              {
                class:
                  'w-[22px] h-[22px] align-middle rounded-full overflow-hidden mr-2',
                'object-fit': 'cover',
                src: t.avatar || i
              },
              null
            ),
            e('span', null, [t.teacherName])
          ]),
          e(
            'div',
            { class: 'font-semibold text-[15px] leading-5 text-[#2DC7AA]' },
            [s('\uFFE5'), t.coursePrice, s('/'), t.courseNum, s('\u8BFE\u65F6')]
          )
        ])
      ]
    )
  }
})
export { l as I }