1import React from 'react';
2import doc from './basic.mdx';
3import data from '../../constants/sampleMovieData';
4import DataTable from '../../../src/index';
5
6const columns = [
7	{
8		name: 'Title',
9		selector: row => row.title,
10		sortable: true,
11	},
12	{
13		name: 'Director',
14		selector: row => row.director,
15		sortable: true,
16	},
17	{
18		name: 'Year',
19		selector: row => row.year,
20		sortable: true,
21	},
22];
23
24export const Basic = () => <DataTable title="Movie List" columns={columns} data={data} selectableRows pagination />;
25
26export default {
27	title: 'Selectable/Basic',
28	component: Basic,
29	parameters: {
30		docs: {
31			page: doc,
32		},
33	},
34};