simple nivo component

bar.ts

import { Bar as NBar } from "@nivo/bar";
import * as React from "react";
import { render } from "react-dom";

interface Item {
    author: string;
    added: number;
    deleted: number;
    changed: number;
}

type Data = Item[];

const colors = {
    added: "#97e3d5",
    changed: "#f1e15b",
    deleted: "#f47560"
};

interface Options {
    animate?: boolean;
}

interface Node {
    id: "added" | "changed" | "deleted";
}

export const Bars = (props: { data: Data; options?: Options }) => {
    const data = props.data;
    const options = props.options || {};

    return (
        <NBar
            width={600}
            height={300}
            data={data}
            keys={["deleted", "changed", "added"]}
            indexBy="author"
            ... another props
        />
    );
};