import type { StepsProps } from 'antd'
import { Steps } from 'antd'

export default function AppSteps({ items = [], ...props }: StepsProps) {
  return (
    <Steps className="app-steps" {...props}>
      {items.map((item, index) => (
        <Steps.Step
          key={index}
          icon={<></>}
          title={<div className="app-step-box">{item.title}</div>}
          description={item.description}
        />
      ))}
    </Steps>
  )
}
