import * as React from "react"
import { StatsCards } from "@/registry/blocks/stats-cards/stats-cards"

const stats = [
  { id: "simplified", value: 128, label: "Procedures simplified" },
  { id: "in-progress", value: 24, label: "In progress" },
  { id: "portals", value: 9, label: "Online portals" },
  { id: "steps-saved", value: "1,540", label: "Steps saved", hint: "since 2023" },
]

export default function StatsCardsDemo() {
  return (
    <div className="w-full">
      <StatsCards stats={stats} />
    </div>
  )
}