Gauge

"use client"

import { Gauge } from "@/registry/default/components/gauge"

export default function Component() {
  return (
    <div className="flex h-full w-full items-center justify-center">
      <Gauge
        value={8}
        size={200}
        multiRing={{
          enabled: true,
          rings: [
            { value: 90 * 0.6, color: "#fff200" },
            { value: 63 * 0.6, color: "#10b981" },
          ],
        }}
        transition={{ length: 1000, delay: 300 }}
      />
    </div>
  )
}