---
import ImageMod from "@/layouts/components/ImageMod.astro";
interface Props {
  logo: string;
  title: string;
  list?: string[];
}
const { logo, title, list } = Astro.props;
---

<div class="p-8 rounded-2xl bg-white/5">
  <ImageMod src={logo} alt={`${title} icon`} class="mb-6" />
  <h3 class="text-h5-sm font-bold">{title}</h3>
  <ul class="stars-list mt-5 text-text-dark">
    {list?.map((item) => <li>{item}</li>)}
  </ul>
</div>