<template>
  <JMainCard pd="30rpx" wrapPd="0 30rpx">
    <view class="card-title" @tap="confirm"> {{ title }} </view>
    <view class="card-content"> <slot /> </view>
  </JMainCard>
</template>

<script setup>
import JMainCard from "@/components/newComponents/JMainCard/JMainCard.vue"

const emits = defineEmits(["confirm"])
const props = defineProps({
  title: {
    type: String,
    default: "确认退出",
  },
})
const confirm = () => {
  emits("confirm")
}
</script>

<style lang="scss" scoped>
.card-title {
  text-align: center;
  color: #ff4433;
}
.card-content {
  padding: 20rpx;
  margin-top: 30rpx;
  background-color: #f2f2f2;
  font-size: 27rpx;
  line-height: 46rpx;
  border-radius: 10rpx;
  color: #666;
}
</style>
