1import React from 'react';
2import data from '../constants/sampleDesserts';
3import DataTable from '../../src/index';
4
5const columns = [
6	{
7		name: 'Name',
8		selector: row => row.name,
9		sortable: true,
10		grow: 2,
11		reorder: true,
12	},
13	{
14		name: 'Type',
15		selector: row => row.type,
16		sortable: true,
17		reorder: true,
18	},
19	{
20		name: 'Calories (g)',
21		selector: row => row.calories,
22		sortable: true,
23		right: true,
24		reorder: true,
25	},
26	{
27		name: 'Fat (g)',
28		selector: row => row.fat,
29		sortable: true,
30		right: true,
31		reorder: true,
32	},
33	{
34		name: 'Carbs (g)',
35		selector: row => row.carbs,
36		sortable: true,
37		right: true,
38		reorder: true,
39	},
40	{
41		name: 'Protein (g)',
42		selector: row => row.protein,
43		sortable: true,
44		right: true,
45		reorder: true,
46	},
47	{
48		name: 'Sodium (mg)',
49		selector: row => row.sodium,
50		sortable: true,
51		right: true,
52		reorder: true,
53	},
54	{
55		name: 'Calcium (%)',
56		selector: row => row.calcium,
57		sortable: true,
58		right: true,
59		reorder: true,
60	},
61	{
62		name: 'Iron (%)',
63		selector: row => row.iron,
64		sortable: true,
65		right: true,
66		reorder: true,
67	},
68];
69
70export const Reorder = () => {
71	return <DataTable title="Desserts" columns={columns} data={data} onColumnOrderChange={cols => console.log(cols)} />;
72};
73
74export default {
75	title: 'Columns/Reorder',
76};