Brush chart

import { useState } from "react"
import { BrushChart } from "@/components/ui/brush-chart"

export function ZoomableHistory() {
  const start = Date.UTC(2026, 0, 1);
  const data = Array.from({ length: 120 }, (_, index) => ({ date: start + index * 86400000, value: 100 + index * 0.6 + Math.sin(index / 6) * 8 }));
  const [range, setRange] = useState<[number, number]>([start + 30 * 86400000, start + 90 * 86400000]);
  return (
    <div className="w-full max-w-2xl">
      <BrushChart label="Daily revenue" data={data} range={range} onRangeChange={setRange} annotations={[{ date: start + 45 * 86400000, label: "v2 launch" }]} />
    </div>
  );
}