---
import { classMerge } from "~ui/utils/classMerge"

interface Props {
  points: string[] | Readonly<string[]>
  classText?: string
  class?: string
}
const props = Astro.props
---

<ol class={classMerge("list-decimal", props.class)} style={{ paddingInlineStart: "18px" }}>
  {props.points.map((l) => <li class={props.classText}>{l}</li>)}
</ol>