import * as React from "react"
import { Sparkline } from "@/registry/charts/sparkline"

const points = [
  { date: "2026-05-14", users: 320 },
  { date: "2026-05-15", users: 412 },
  { date: "2026-05-16", users: 388 },
  { date: "2026-05-17", users: 504 },
  { date: "2026-05-18", users: 471 },
  { date: "2026-05-19", users: 598 },
  { date: "2026-05-20", users: 642 },
]

export default function SparklineDemo() {
  return (
    <div className="w-full max-w-md">
      <Sparkline points={points} height={48} />
    </div>
  )
}