import {DataTable} from "ui";
import {ArgsTable, Canvas, Meta, Story} from "@storybook/addon-docs";
import {paymentColumns, payments} from "../../examples/data/table";

<Meta title="Components/Data/Table/old" component={DataTable}/>

export const Template = (args) => (
    <DataTable
        columns={args.columns}
        data={args.data}
        showFilterInput={true}
        filterValue="email"
    />
);

# Table

Data Table comes from [Shadcn/ui](https://ui.shadcn.com/docs/components/data-table)

## Props

<ArgsTable story="Default"/>

## Examples

<Canvas>
    <Story
        name="Default"
        args={{
            columns: paymentColumns,
            data: payments
        }}
    >
        {Template.bind({})}
    </Story>
</Canvas>