import * as React from "react"
import { DimensionBars } from "@/registry/charts/dimension-bars"

const data = [
  { value: "Kenya", users: 4820, sessions: 6210 },
  { value: "Rwanda", users: 3140, sessions: 4080 },
  { value: "Tanzania", users: 2675, sessions: 3390 },
  { value: "Uganda", users: 1980, sessions: 2510 },
  { value: "Senegal", users: 1320, sessions: 1740 },
  { value: "Benin", users: 910, sessions: 1185 },
]

export default function DimensionBarsDemo() {
  return (
    <div className="w-full">
      <DimensionBars data={data} />
    </div>
  )
}