---
type Props = {
  features: any;
};
const { features }: Props = Astro.props;
const cut = Math.floor(features.length / 2);
---
<div>
  <h3 class="mb-4 text-white">Lo que aprenderás</h3>
  <div class="row">
    <div class="col-lg-6">
      <ul class="list-checked list-checked-primary">
        { features.slice(0,cut).map((item: string) => (
            <li class="list-checked-item text-white">{item}</li>
          ))}
      </ul>
    </div>
    <div class="col-lg-6">
      <ul class="list-checked list-checked-primary">
        { features.slice(cut, 10).map((item: string) => (
            <li class="list-checked-item text-white">{item}</li>
          ))}
      </ul>
    </div>
  </div>
</div>
