/* Copyright 2026 Marimo. All rights reserved. */
/* oxlint-disable react-hooks/rules-of-hooks */

import type { Meta, StoryObj } from "@storybook/react-vite";
import { useState } from "react";
import { DataExplorerComponent } from "@/plugins/impl/data-explorer/ConnectedDataExplorerComponent";
import type { ChartSpec } from "@/plugins/impl/data-explorer/state/types";

const meta: Meta = {
  title: "DataExplorer",
  args: {},
};

export default meta;

export const DataExplorer: StoryObj = {
  render: () => {
    const [value, setValue] = useState<ChartSpec>();
    return (
      <DataExplorerComponent
        data="https://github.com/vega/vega/blob/main/docs/data/stocks.csv"
        value={value}
        setValue={(v) => {
          console.log(v);
          setValue(v);
        }}
      />
    );
  },
};