import { Meta, StoryObj} from "@storybook/react";
import { DataTableDemo, columns, data } from "../tableComponent/DataTable";

const meta = {
    title: 'Component/Table',
    component: DataTableDemo,
    parameters: {
        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
        layout: 'centered',
    },
    tags: ['autodocs'],
    args: {
        data: data,
        columns: columns,
    },
    argTypes: {
    },
} satisfies Meta<typeof DataTableDemo>

export default meta;
type Story = StoryObj<typeof meta>

export const Datable = (args:Story) => {
    return(
        <DataTableDemo  data={data} columns={columns} {...args} />
    )
}