---
import Img from '@/components/children/Img.astro'
import Text from '@/components/children/Text.astro'

const {
  data,
  url,
  ratio,
  btnDisplay,
  titleSize,
  childrenSize,
  textWeight,
  ellipsis,
  position,
} = Astro.props
---

<!-- 图片Pro版 -->
<div class="box">
  <Img url={data?.url} ratio={ratio} />
  <Text
    data={data}
    btnDisplay={btnDisplay}
    titleSize={titleSize}
    childrenSize={childrenSize}
    textWeight={textWeight}
    ellipsis={ellipsis}
    position={position}
  />
</div>
<style>
  .box {
    position: relative;
    text-align: center;
  }
</style>
