RangeChart

"use client";

import { FloodRoot, RangeChart } from "@flood-md/react";
import "@flood-md/react/styles.css";

export function Example() {
  return (
    <FloodRoot>
      <RangeChart label="Response time (ms)" lowLabel="P10" highLabel="P90" midpointLabel="Median" items={[
        {id:"mon", label:"Mon", low:84, high:162, midpoint:119},
        {id:"tue", label:"Tue", low:92, high:176, midpoint:125}
      ]} />
    </FloodRoot>
  );
}