// import { GridColDef, GridValueGetterParams } from "@mui/x-data-grid";
// import type { Meta, StoryObj } from "@storybook/react";
// import CustomizedTable from "./UpdateIntentTable";


// const meta = {
//     title: "Example/UpdateIntentTable",
//     component: CustomizedTable,
//     parameters: {
//         layout: "centered",
//     },
//     tags: ["autodocs"],
//     argTypes: {

//     },
// } satisfies Meta<typeof CustomizedTable>;

// export default meta;

// type Story = StoryObj<typeof meta>;

// const columnData: GridColDef[] = [
//     { field: 'id', headerName: 'ID', width: 150 },
//     {
//         field: 'firstName',
//         headerName: 'First name',
//         width: 90,
//         editable: true,
//     },

// ];

// const rowsData = [
//     { id: 1, lastName: 'Snow', firstName: 'Jon', age: 35 },
//     { id: 2, lastName: 'Lannister', firstName: 'Cersei', age: 42 },
// ];

// export const Default: Story = {
//     args: {
//         rows: rowsData,
//         columnData: columnData
//     },
// };


// CustomTable.stories.js
import React from 'react';
import { Meta, StoryObj } from '@storybook/react';
import CustomTable from '../modules/request-details/components/annotation-workbench/modals/UpdateIntentTable/UpdateIntentTable';

const meta = {
    title: "Example/UpdateIntentTable",
    component: CustomTable,
    parameters: {
        layout: "centered",
    },
    tags: ["autodocs"],
    argTypes: {

    },
} satisfies Meta<typeof CustomTable>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {
    args: {
        headers: ['Header 1', 'Header 2', 'Header 3'],
        data: [
            ['Row 1 Cell 1', 'Row 1 Cell 2', 'Row 1 Cell 3'],
            ['Row 2 Cell 1', 'Row 2 Cell 2', 'Row 2 Cell 3'],
        ],
        showColumnVerticalBorder: true,
    },
};