<template>
  <view class="ie-card" :style="{ backgroundColor: bgColor }">
    <view class="relative flex items-center">
      <view class="w-8 h-24 bg-primary mr-14 rounded-2"></view>
      <view class="text-30 text-fore-title">{{ title }}</view>
    </view>
    <view class="mt-20">
      <slot></slot>
    </view>
  </view>
</template>
<script lang="ts" setup>
const props = defineProps({
  title: {
    type: String,
    default: ''
  },
  bgColor: {
    type: String,
    default: 'transparent'
  }
});
</script>
<style lang="scss" scoped></style>