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

const { list } = Astro.props
---

<div class="box">
  <Img
    url="//e.huawei.com/-/mediae/images/home/banner/jiasu-banner-pc1.jpg"
    ratio="16 / 9"
    class="img"
  />
  <Text
    list={list}
    btnDisplay={true}
    titleSize="fs-1"
    childrenSize="fs-4"
    textWeight="fw-bold"
    ellipsis="line-ellipsis-small"
    position="positionBottom"
  />
</div>
<style>
  .box {
    position: relative;
    text-align: center;
  }
</style>
