import { Draft, Threshold } from "auteur";

const [xThreshold, setXThreshold] = React.useState(new Date(2006, 3, 10));

const draft = useRef(new Draft());
const newXThreshold = useRef(new Threshold("date", xThreshold, "eq"));

const styles = {"line": {"stroke": (d, i) => "red", "stroke-width": "2px"}};

newXThreshold.current.selection(lines).updateStyles(styles);

draft.current.layer(ref.current)
            .x("date", xScale)
            .y("AverageTemperature", yScale)
            .include({"name":["line"]})
            .augment(newXThreshold.current.getAugs());