---
export interface Props {
  items: string[]
}
const { items }: Props = Astro.props
---

<ul class="steps steps-vertical">
  {items.map((item) => <li class="!text-left step step-primary">{item}</li>)}
</ul>